:root{--background-color: #ffffff;--background-color-rgb: 255, 255, 255;--bg-primary: #f8f8f8;--bg-secondary: #f0f2f5;--bg-tertiary: #ffffff;--bg-elevated: #e6e8eb;--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--text-heading: #1a1a1a;--border-color: #e0e0e0;--input-border: #cccccc;--focus-border: #4f46e5;--accent-color-light: #4c6ef5;--accent-color-hover-light: #6688ff;--button-primary-bg: #4f46e5;--button-primary-text: #ffffff;--button-primary-hover-bg: #635dff;--button-secondary-bg: #e0e0e0;--button-secondary-text: #333333;--button-secondary-hover-bg: #cccccc;--card-bg-light: #ffffff;--card-shadow-light: 0 4px 12px rgba(0, 0, 0, .1);--success-color: #5cb85c;--error-color: #d9534f;--overlay-bg: rgba(0, 0, 0, .5);--dashboard-bg: #f0f2f5;--dashboard-wallpaper: url(/wallpapers/wallpaper_light.png);--main-text-color: #333;--secondary-text-color: #666;--tertiary-text-color: #999;--highlight-color: #007bff;--card-background: #fff;--card-border: #eee;--icon-color: #555;--border-radius: 8px;--input-background: #fdfdfd;--input-text-color: #333;--primary-color-shaded: #141147}.dark-theme,.theme-dark{--background-color: #1a1a1a;--background-color-rgb: 26, 26, 26;--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2b2b2b;--bg-elevated: #3a3a3a;--accent-color-shaded: #141147;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-muted: #808080;--text-heading: #ffffff;--border-color: #404040;--input-border: #666666;--focus-border: #635dff;--button-primary-bg: #4f46e5;--button-primary-text: #ffffff;--button-primary-hover-bg: #635dff;--button-secondary-bg: #404040;--button-secondary-text: #e0e0e0;--button-secondary-hover-bg: #505050;--card-bg-dark: #2b2b2b;--card-shadow-dark: 0 4px 12px rgba(0, 0, 0, .4);--success-color: #5cb85c;--error-color: #ff6b6b;--error-bg: rgba(255, 107, 107, .2);--overlay-bg: rgba(0, 0, 0, .7);--dashboard-bg: #1a1a1a;--dashboard-wallpaper: url(/wallpapers/wallpaper_dark.png);--main-text-color: #e0e0e0;--secondary-text-color: #b0b0b0;--highlight-color: #635dff;--card-background: #2b2b2b;--card-border: #404040;--icon-color: #b0b0b0;--input-background: #1e1e1e;--input-text-color: #e0e0e0;--bg-primary-dark: #121212;--bg-secondary-dark: #1e1e1e;--bg-tertiary-dark: #2b2b2b;--text-main-dark: #ffffff;--text-primary-dark: #e0e0e0;--text-secondary-dark: #b0b0b0;--text-body-dark: #d0d0d0;--text-heading-dark: #ffffff;--text-muted-dark: #808080;--text-tertiary-dark: #b0b0b0;--border-color-dark: #404040;--border-color-light: #e0e0e0;--accent-color-dark: #4f46e5;--accent-color-hover-dark: #635dff;--button-secondary-bg-dark: #404040;--button-secondary-text-dark: #e0e0e0;--button-secondary-hover-bg-dark: #505050;--header-bg-dark: #1e1e1e;--input-bg-dark: #2b2b2b;--input-text-dark: #e0e0e0;--button-disabled-bg-dark: #333333;--error-color-dark: #ff6b6b;--error-bg-dark: rgba(255, 107, 107, .2);--skeleton-bg-dark: #3a3a3a;--skeleton-shimmer-dark: rgba(255,255,255,.1);--spinner-bg-color-dark: #3a3a3a;--success-color-dark: #5cb85c;--hover-bg-dark: rgba(255, 255, 255, .05);--blockquote-bg-dark: #252526;--code-block-bg-dark: #1a1a1a;--code-block-text-dark: #cccccc;--code-inline-bg-dark: #3a3a3a;--code-inline-text-dark: #c3e88d;--card-shadow-dark: 0 4px 12px rgba(0,0,0,.4);--dashboard-card-border-dark: 2px solid var(--text-primary-dark);--dashboard-card-shadow-dark: 3px 3px 0px var(--accent-color-dark);--dashboard-card-hover-shadow-dark: 6px 6px 0px var(--accent-color-hover-dark);--background-color: #0f172a;--background-color-rgb: 15, 23, 42;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #334155;--primary-color: #818cf8;--primary-color-rgb: 129, 140, 248;--primary-hover: #a7b0fb;--hover-bg: rgba(255, 255, 255, .05);--card-shadow: 0 4px 6px -1px rgb(0 0 0 / .2), 0 2px 4px -2px rgb(0 0 0 / .2);--card-shadow-hover: 0 10px 15px -3px rgb(0 0 0 / .2), 0 4px 6px -4px rgb(0 0 0 / .2);--dashboard-wallpaper: url(/wallpapers/wallpaper_dark.png)}.crash-screen-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);text-align:center;padding:2rem}.theme-dark .crash-screen-container{background-color:var(--bg-primary-dark);color:var(--text-primary-dark)}.crash-screen-content{background-color:var(--bg-secondary);border-radius:20px;padding:3rem 2rem;box-shadow:0 10px 30px #0000001a;max-width:600px;width:100%;border:2px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:1rem}.theme-dark .crash-screen-content{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);box-shadow:0 10px 30px #0000004d}.crash-icon{color:var(--primary-color);margin-bottom:1rem}.theme-dark .crash-icon{color:var(--accent-color-dark)}.crash-screen-content h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;color:var(--text-heading)}.theme-dark .crash-screen-content h1{color:var(--text-heading-dark)}.crash-screen-content p{font-size:1.1rem;color:var(--text-secondary);line-height:1.6}.theme-dark .crash-screen-content p{color:var(--text-secondary-dark)}.error-details{font-family:Fira Code,monospace;background-color:var(--bg-tertiary);padding:1rem;border-radius:8px;margin-top:1.5rem;word-break:break-all;font-size:.9rem;color:var(--error-color);border:1px dashed var(--border-color)}.theme-dark .error-details{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--error-color-dark)}.refresh-button,.home-button{background-color:var(--primary-color);color:#fff;padding:.8rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;margin-top:2rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.theme-dark .refresh-button,.theme-dark .home-button{background-color:var(--accent-color-dark);color:var(--bg-primary-dark)}.refresh-button:hover,.home-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.home-button{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);margin-left:1rem}.ai-name{font-family:Georgia,Inter,Times New Roman,Times,serif;font-style:italic;background:linear-gradient(45deg,#4f46e5,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;display:inline-block}.theme-dark .home-button{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark);border-color:var(--border-color-dark)}.home-button:hover{background-color:var(--border-color);color:var(--text-primary)}.theme-dark .home-button:hover{background-color:var(--border-color-dark);color:var(--text-primary-dark)}@media (max-width: 600px){.crash-screen-content h1{font-size:1.8rem}.crash-screen-content p{font-size:1rem}.refresh-button,.home-button{width:100%;margin-left:0;margin-top:1rem}}.navbar{background:transparent;padding:.5rem 2rem;position:fixed;width:100%;top:0;left:0;z-index:1000;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.theme-dark .navbar{background:transparent}.navbar.scrolled{background-color:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 4px #0000000d}.theme-dark .navbar.scrolled{background-color:#171e30d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 4px #0003}.navbar-hidden{transform:translateY(-100%);color:#041137}.navbar-container{max-width:1200px;margin:0 auto;display:flex;align-items:center}.navbar-logo{display:flex;align-items:center;margin-right:1rem}.theme-toggle-outside-menu{margin-right:1.5rem}.navbar-logo a{color:#041137;font-size:1.5rem;font-weight:700;font-family:DM Sans,Arial,Helvetica,sans-serif;text-decoration:none;align-items:center;gap:1.5rem;flex:1;justify-content:flex-end;order:3}.navbar-logo img{width:auto;height:40px;object-fit:contain}.navbar-menu{display:flex;align-items:center;gap:1.5rem;flex-grow:1;justify-content:flex-end}.nav-links{color:#fff;display:flex;align-items:center;gap:2.5rem;font-size:1rem;font-family:DM Sans,Arial,Helvetica,sans-serif}.nav-item-top-home{text-decoration:none;font-weight:500;font-size:1rem;transition:color .3s ease;padding:.5rem 0;color:var(--text-primary)!important}.nav-item-top-home:hover{color:#474a6d!important}.franchise-button{background-color:#080d5a;color:#fff;padding:.5rem 1.2rem;border:none;border-radius:10px;font-family:DM Sans,Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #080d5a40}.franchise-button:hover{background-color:#060a4a;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #080d5a59}.hamburger{display:none;cursor:pointer;padding:10px}.bar{display:block;width:25px;height:3px;margin:5px auto;transition:all .3s ease;background-color:#041137}@media (max-width: 768px){.hamburger{display:block;order:3}.theme-toggle-outside-menu{display:flex;order:2;margin-left:auto;margin-right:.5rem}.navbar-menu{position:fixed;right:-250px;top:0;gap:0;flex-direction:column;background:linear-gradient(90deg,#080d5a,#1a228a);width:250px;text-align:center;transition:.3s ease-in-out;padding:2rem 0;margin-left:0;height:100vh;overflow-y:auto;display:flex;align-items:center;justify-content:flex-start;box-shadow:-5px 0 15px #0003}.nav-links{flex-direction:column;gap:1.5rem;margin-right:0;margin-bottom:2.5rem;width:100%}.nav-links .nav-item-top-home{color:#fff!important}.nav-links .nav-item-top-home:hover{color:#a7aefc!important}.nav-item{margin:0;color:#fff;font-size:1.3rem;font-weight:500;padding:.5rem 0;display:block}.nav-item:hover{color:#a7aefc}.navbar-menu .franchise-button{padding:.9rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;transition:all .3s ease}.navbar-menu .franchise-button:hover{background-color:#00d1b2;transform:translateY(-2px);box-shadow:0 6px 16px #00f5d466}.navbar-menu.active{right:0}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.theme-dark .navbar.scrolled .hamburger.active .bar:nth-child(1),.theme-dark .navbar.scrolled .hamburger.active .bar:nth-child(3){background-color:#041137}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.theme-toggle-button{padding:.6rem}.theme-dark .hamburger.active .bar:nth-child(1),.theme-dark .hamburger.active .bar:nth-child(3){background-color:#041137}.theme-dark .navbar:not(.scrolled) .hamburger.active .bar:nth-child(1),.theme-dark .navbar:not(.scrolled) .hamburger.active .bar:nth-child(3){background-color:#fff}}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;transition:all .3s ease-in-out}.theme-toggle-button{background:transparent;border:none;color:#041137;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease,color .2s ease}.theme-toggle-button:hover{background-color:#0000000d}.navbar.scrolled .theme-toggle-button{color:#041137}.navbar.scrolled .theme-toggle-button:hover{background-color:#0000000d}.theme-dark .navbar:not(.scrolled) .theme-toggle-button{color:#fff}.theme-dark .navbar:not(.scrolled) .theme-toggle-button:hover{background-color:#ffffff1a}.theme-dark .navbar:not(.scrolled) .nav-item-top-home{color:#d1d5db!important}.theme-dark .navbar:not(.scrolled) .nav-item-top-home:hover{color:#fff!important}.theme-dark .navbar:not(.scrolled) .navbar-logo a{color:#fff}.theme-dark .navbar:not(.scrolled) .hamburger .bar{background-color:#fff}.theme-dark .navbar.scrolled .nav-item-top-home{color:#d1d5db!important}.theme-dark .navbar.scrolled .navbar-logo a{color:#041137}.theme-dark .navbar.scrolled .hamburger .bar{background-color:#d1d5db}.theme-dark .navbar.scrolled .theme-toggle-button{color:#d1d5db}.theme-dark .franchise-button{background:linear-gradient(to right,#ffffff4d,#fff0 20%,#fff0),linear-gradient(to right,#080d5a,#1a228a);background-size:100% 100%;background-repeat:no-repeat;color:#e2e8f0}.theme-dark .franchise-button:hover{background-color:#334155;color:#f1f5f9}.theme-dark .navbar.scrolled .franchise-button{color:#fff;background-color:#1e293b}.hero{display:flex;align-items:center;width:100%;overflow-x:hidden;margin-bottom:0;transition:all .3s ease}.hero-container{min-height:calc(100vh - 80px);width:100%;max-width:1200px;margin:0 auto;padding:4rem 6rem;display:flex;align-items:center;justify-content:space-between;gap:3rem}.hero-content{flex:1;max-width:600px;display:flex;flex-direction:column;justify-content:flex-start}.hero-content h1{font-size:clamp(3.5rem,5vw + 1rem,5.5rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;font-family:DM Sans,Arial,sans-serif;background-image:linear-gradient(to right,#041137,#fff,#041137);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:flash-text 4s linear infinite}.theme-dark .hero-content h1{background-image:linear-gradient(to right,#60a5fa,#e0f2fe,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-content p{font-weight:400;font-size:clamp(1.1rem,1.5vw + .5rem,1.35rem);color:#334155;line-height:1.6;font-family:DM Sans,Arial,sans-serif;margin-bottom:2.5rem}.theme-dark .hero-content p{color:#cbd5e1}@keyframes flash-text{0%{background-position:0% center}25%{background-position:100% center}to{background-position:200% center}}.hero-signup-link{text-decoration:none;display:inline-block}.hero-signup-button{background:linear-gradient(to right,#ffffff4d,#fff0 20%,#fff0),linear-gradient(to right,#080d5a,#1a228a);background-size:100% 100%;background-repeat:no-repeat;color:#fff;padding:.5rem 2.2rem;border:none;border-radius:25px;font-size:clamp(1.2rem,1.4vw + .7rem,1.6rem);font-weight:800;font-family:DM Sans,Arial,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #080d5a4d;width:300px;height:80px}.theme-dark .hero-signup-button{background:linear-gradient(to right,#ffffff4d,#fff0 20%,#fff0),linear-gradient(to right,#080d5a,#1a228a);box-shadow:0 4px 14px #080d5a4d;transition:all .3s ease}.hero-signup-button:hover{color:#fff;background:linear-gradient(to right,#ffffff81,#ffffff3b 20%,#fff0),linear-gradient(to right,#080d5a,#1a228a);box-shadow:0 4px 14px #080d5a4d;transition:all .3s ease}.hero-image{margin-top:20px;flex:1;display:flex;justify-content:center;align-items:center;max-width:50%;height:auto}.hero-image img{border-radius:12px;max-width:100%;height:auto;object-fit:contain;display:block;animation:glowing-shadow 2s infinite alternate}@keyframes glowing-shadow{0%{box-shadow:0 0 20px #558cff99,0 0 40px #558cff66}to{box-shadow:0 0 40px #558cffcc,0 0 80px #558cff99}}@media (max-width: 992px){.hero-container{gap:2rem;padding:3rem 1.5rem}.hero-image{max-width:45%}}@media (max-width: 768px){.hero-container{min-height:auto;flex-direction:column;text-align:center;gap:2.5rem;padding:4rem 1.5rem}.hero-content{max-width:100%;align-items:center}.hero-content p{margin-bottom:2rem}.hero-image{order:-1;max-width:85%;margin-bottom:1.5rem}}.about-page{background:linear-gradient(to right,#eef2f7,#cce0ff);display:flex;flex-direction:column;align-items:center;width:100%;overflow-x:hidden;padding-top:80px;background-color:var(--bg-primary-light);color:var(--text-primary);min-height:100vh;padding:2rem 0;overflow-y:auto;-webkit-overflow-scrolling:touch}.theme-dark .about-page{background:transparent;color:#d1d5db}.about-container{min-height:auto;width:100%;max-width:1200px;margin:0 auto;padding:6rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:4rem;flex-wrap:wrap;text-align:center;justify-content:center}.about-header{flex:1;margin-top:0;max-width:600px;text-align:center}.theme-dark .about-header h1{color:#f3f4f6}.about-header h1{font-size:clamp(3rem,5vw + 1rem,5rem);font-weight:700;color:#041137;line-height:1.1;margin-bottom:1.5rem;font-family:DM Sans,Arial,sans-serif;text-align:center;justify-content:center}.about-header p{font-weight:400;font-size:clamp(1rem,1.5vw + .5rem,1.1rem);color:#fff;line-height:1.6;font-family:DM Sans,Arial,sans-serif;padding:6rem 2rem;margin-top:0;text-align:center;border-radius:20px}.theme-dark .mission-section{background-color:#1f2137;opacity:.85}.theme-dark .mission-section h2{color:#34d399}.theme-dark .mission-section p{color:#e5e7eb}.mission-section{width:100%;background:linear-gradient(to right,#ffffff4d,#fff0 20%,#fff0),linear-gradient(to right,#080d5a,#111664);background-size:100% 100%;background-repeat:no-repeat;color:#fff;padding:6rem 2rem;margin-top:0;text-align:center;border-radius:20px}.theme-dark .mission-section{background:linear-gradient(to right,#fff4,#fff0 20%,#fff0),linear-gradient(to right,#141050,#180f32);background-size:100% 100%;background-repeat:no-repeat}.mission-section h2{font-size:1.3rem;font-weight:500;margin-bottom:1rem;font-family:DM Sans,Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;color:#00f5d4}.mission-section h3{font-size:clamp(2.5rem,4vw + 1rem,3.5rem);font-weight:600;margin-bottom:2rem;font-family:DM Sans,Arial,sans-serif;line-height:1.2;max-width:900px;margin-left:auto;margin-right:auto}.mission-section p{font-size:clamp(1rem,1.5vw + .5rem,1.1rem);line-height:1.6;max-width:800px;margin-left:auto;margin-right:auto;font-family:DM Sans,Arial,sans-serif;color:#cbd5e0}.leadership-section{width:100%;padding:6rem 2rem;background-color:linear-gradient(to right,#eef2f7,#cce0ff);position:relative;z-index:1}.theme-dark .leadership-section{background:transparent!important}.leadership-section h2{font-size:clamp(2.5rem,4vw + 1rem,3.5rem);font-weight:700;color:#041137;text-align:center;margin-bottom:4rem;font-family:DM Sans,Arial,sans-serif}.theme-dark .leadership-section h2{color:#f3f4f6}.leadership-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom right,#eef2f799,#cce0ff99);background-size:cover;z-index:-1;opacity:1;transition:transform .3s ease,box-shadow .3s ease}.theme-dark .leadership-section:before{background:transparent}.leadership-cards{display:flex;flex-direction:column;gap:3rem;position:relative;z-index:1}.leadership-card{display:flex;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 15px 35px #0000001a;margin:0 auto;max-width:900px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.theme-dark .leadership-card{background-color:#1f2137;box-shadow:0 10px 25px #00000059;opacity:.85}.leadership-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px #00000026;justify-content:center}.theme-dark .leadership-card:hover{background-color:#2d3748;box-shadow:0 15px 35px #0006;transform:translateY(-8px)}.leader-image{flex:0 0 40%;max-width:40%}.leader-image img{width:100%;height:100%;object-fit:cover}.leader-info{flex:1;padding:2rem}.theme-dark .leader-info h3{color:#e5e7eb}.leader-info h3{font-size:2.2rem;font-weight:700;color:#041137;margin-bottom:.75rem;font-family:DM Sans,Arial,sans-serif;display:flex;justify-content:center}.leader-title{font-size:1.2rem;font-weight:700;color:#4a5568;margin-bottom:.5rem;font-family:DM Sans,Arial,sans-serif;display:flex;justify-content:center}.theme-dark .leader-title{color:#9ca3af}.leader-social{display:flex;gap:1rem;margin:1.5rem 0;justify-content:center}.theme-dark .leader-social a{background-color:#374151;color:#d1d5db;box-shadow:0 2px 6px #0000004d}.leader-social a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background-color:#eef2f7;color:#080d5a;transition:all .3s ease;box-shadow:0 2px 8px #080d5a1a}.theme-dark .leader-social a:hover{background-color:#4b5563;color:#f0f0f0;box-shadow:0 3px 8px #00000059}.leader-social a:hover{background-color:#080d5a;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #080d5a33;justify-items:center}.leader-bio{font-size:1.1rem;line-height:1.6;color:#334155;margin-bottom:1rem;font-family:DM Sans,Arial,sans-serif;display:flex;justify-items:center}.theme-dark .leader-bio{color:#cbd5e1}@media (max-width: 1024px){.about-container{padding:5rem 2rem}.about-header h1{font-size:clamp(2.5rem,4vw + 1rem,4rem)}.about-image{max-width:50%}.mission-section{padding:5rem 2rem}.mission-section h3{font-size:clamp(2rem,3.5vw + 1rem,3rem)}.mission-section p{font-size:clamp(.95rem,1.4vw + .5rem,1.05rem)}.leadership-section{padding:5rem 2rem}.leadership-section h2{font-size:clamp(2rem,3.5vw + 1rem,3rem);margin-bottom:3rem}.leadership-card{max-width:800px}.leader-image{flex:0 0 35%;max-width:35%}.leader-info{padding:1.8rem}.leader-info h3{font-size:2rem}}@media (max-width: 768px){.about-page{padding-top:70px}.about-container{flex-direction:column;text-align:center;gap:3rem;padding:4rem 1.5rem}.about-header{max-width:100%;display:flex;flex-direction:column;align-items:center}.about-header h1{font-size:clamp(2rem,3.5vw + 1rem,2.8rem)}.about-image{order:-1;max-width:80%;margin-bottom:1.5rem}.mission-section{padding:4rem 1.5rem}.mission-section h3{font-size:clamp(1.8rem,3vw + 1rem,2.5rem)}.mission-section p{font-size:clamp(.9rem,1.4vw,1rem)}.leadership-section{padding:4rem 1.5rem}.leadership-section h2{font-size:clamp(2rem,3.5vw + 1rem,2.8rem)}.leadership-cards{gap:2rem}.leadership-card{flex-direction:column;max-width:500px}.leader-image{flex:0 0 auto;max-width:100%;height:auto;margin-bottom:1rem}.leader-image img{width:100%;height:auto;object-fit:cover}.leader-info{padding:1.5rem}.leader-info h3{font-size:2rem}.leader-title{font-size:1.1rem}.leader-social{gap:.8rem;margin:1rem 0}.leader-social a{width:30px;height:30px;font-size:.9rem}.leader-bio{font-size:1rem}}@media (max-width: 480px){.about-page{padding-top:60px}.about-container{padding:3rem 1rem;gap:2.5rem}.about-header h1{font-size:clamp(1.8rem,3vw + 1rem,2.2rem)}.about-image{max-width:90%}.mission-section{padding:3rem 1rem}.mission-section h3{font-size:clamp(1.6rem,2.5vw + 1rem,2.2rem)}.mission-section p{font-size:clamp(.85rem,1.3vw,.95rem)}.leadership-section{padding:3rem 1rem}.leadership-section h2{font-size:clamp(1.8rem,3vw + 1rem,2.2rem);margin-bottom:2.5rem}.leadership-cards{gap:1.5rem}.leadership-card{max-width:350px}.leader-image{height:auto}.leader-info{padding:1.2rem}.leader-info h3{font-size:1.8rem}.leader-title{font-size:1rem}.leader-social{gap:.6rem;margin:.8rem 0}.leader-social a{width:26px;height:26px;font-size:.8rem}.leader-bio{font-size:.95rem}}.platform{padding:6rem 2rem;width:100%}.platform-container{max-width:1200px;margin:0 auto;padding:4rem 6rem}.platform-header{text-align:center;margin-bottom:3rem}.platform-header h2{font-size:3.5rem;font-weight:700;color:#041137;font-family:DM Sans,Arial,sans-serif;letter-spacing:-.05rem}.theme-dark .platform-header h2{color:#e5e7eb}.platform-nav{display:flex;justify-content:center;gap:1rem;margin-bottom:4rem;flex-wrap:wrap}.platform-nav-btn{padding:.6rem 1.3rem;font-size:1rem;font-family:DM Sans,Arial,sans-serif;font-weight:500;color:#080d5a;background:transparent;border:1px solid #080d5a;cursor:pointer;transition:all .3s ease;border-radius:20px}.theme-dark .platform-nav-btn{color:#d1d5db;border-color:#4b5563;background:transparent}.theme-dark .platform-nav-btn:hover{background:#374151;color:#f9fafb;border-color:#6b7280}.theme-dark .platform-nav-btn.active{background:#151c7d;color:#fff;border-color:#080d5a}.platform-nav-btn:hover{background:#080d5a1a;color:#080d5a;line-height:1.3}.platform-nav-btn.active{background:#080d5a;border-color:#080d5a;color:#fff}.platform-content{margin-top:0;display:flex;justify-content:space-between;gap:4rem}.platform-text{flex:1;max-width:600px;order:1}.platform-text h3{font-size:2.5rem;font-weight:700;color:#041137;margin-bottom:1rem;font-family:DM Sans,Arial,sans-serif;line-height:1.2;letter-spacing:-.03rem}.theme-dark .platform-text h3{color:#f3f4f6}.platform-text p{font-size:1.15rem;line-height:1.7;color:#4a5568;font-family:DM Sans,Arial,sans-serif;margin-bottom:2rem}.theme-dark .platform-text p{color:#d1d5db}.platform-image{flex:1;display:flex;justify-content:center;align-items:center;max-width:500px;height:auto;border-radius:12px;box-shadow:0 10px 30px #00000026,-20px 20px 30px #080d5a4d;order:2}.theme-dark .platform-image{box-shadow:0 10px 30px #0003,-10px 10px 25px #3b82f64d}.platform-image img{width:100%;height:auto;object-fit:contain;transition:transform .3s ease;border-radius:10px;box-shadow:0 6px 12px #080d5a66}.platform-image:hover img{transform:scale(1.05)}.platform-cta-link button{background-color:#080d5a;color:#fff;padding:1rem 2rem;border:none;font-size:1.1rem;font-family:DM Sans,Arial,sans-serif;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;border-radius:25px;box-shadow:0 4px 10px #080d5a4d}.theme-dark .platform-cta-link button{background-color:#151c7d;color:#fff;box-shadow:0 4px 10px #1d4ed866}.theme-dark .platform-cta-link button:hover{background-color:#1e40af;box-shadow:0 6px 12px #1d4ed880}@media (max-width: 1024px){.platform-header h2{font-size:3rem}.platform-nav{gap:.8rem}.platform-nav-btn{font-size:1rem;padding:.6rem 1.2rem}.platform-content{gap:2rem}.platform-text h3{font-size:2rem}.platform-text p{font-size:1rem}.platform-image{height:auto}.platform-cta-link button{padding:.8rem 1.8rem;font-size:1rem}}@media (max-width: 768px){.platform{padding:4rem 1.5rem}.platform-container{padding:1rem 1.5rem}.platform-content{flex-direction:column;text-align:center;gap:3rem}.platform-text{max-width:100%;order:1}.platform-image{max-width:80%;height:auto;order:2;margin-bottom:1rem;margin-left:1rem;box-shadow:0 10px 30px #00000026,-20px 20px 30px #080d5a4d}.platform-image img{width:100%;height:auto;object-fit:contain}.platform-text h3{font-size:1.75rem;text-align:center}.platform-text p{font-size:.95rem}.platform-cta-link button{padding:.7rem 1.5rem;font-size:.95rem}}@media (max-width: 480px){.platform{padding:3rem 1rem}.platform-header h2{font-size:2.5rem}.platform-nav{gap:.6rem}.platform-nav-btn{font-size:.9rem;padding:.5rem 1rem}.platform-content{gap:2rem}.platform-text h3{font-size:1.5rem}.platform-text p{font-size:.9rem}.platform-image{max-width:90%;height:auto}.platform-cta-link button{padding:.6rem 1.2rem;font-size:.9rem}}.technology{background:linear-gradient(to right,#eef2f7,#cce0ff);padding:6rem 2rem;width:100%}.theme-dark .technology{background:transparent}.technology-container{max-width:1200px;margin:0 auto;padding:4rem 6rem}.technology-header{text-align:center;margin-bottom:3rem}.technology-header h2{font-size:clamp(2.5rem,4vw + 1rem,4rem);font-weight:700;color:#041137;font-family:DM Sans,Arial,sans-serif;line-height:1.2}.theme-dark .technology-header h2{color:#f3f4f6}.technology-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:4rem}.technology-nav-btn{padding:.6rem 1.3rem;font-size:1rem;font-family:DM Sans,Arial,sans-serif;font-weight:500;color:#080d5a;background:transparent;border:1px solid #080d5a;cursor:pointer;transition:all .3s ease;border-radius:20px}.theme-dark .technology-nav-btn{color:#d1d5db;border-color:#4b5563;background:transparent}.technology-nav-btn:hover{background:#080d5a1a;color:#080d5a;line-height:1.3}.technology-nav-btn.active{background:#080d5a;border-color:#080d5a;color:#fff}.theme-dark .technology-nav-btn:hover{background:#374151;color:#f9fafb;border-color:#6b7280}.theme-dark .technology-nav-btn.active{background:#151c7d;color:#fff;border-color:#1e40af}.technology-content{margin-top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:3rem;min-height:400px}.technology-text{flex:1;max-width:550px}.technology-text h3{font-size:clamp(2rem,3vw + .5rem,2.5rem);font-weight:600;color:#041137;margin-bottom:1rem;font-family:DM Sans,Arial,sans-serif;line-height:1.3}.theme-dark .technology-text h3{color:#e5e7eb}.technology-text p{font-size:clamp(1.1rem,1.5vw + .5rem,1.2rem);line-height:1.6;color:#334155;font-family:DM Sans,Arial,sans-serif;margin-bottom:2.5rem}.theme-dark .technology-text p{color:#cbd5e1}.technology-image{flex:1;display:flex;justify-content:center;align-items:center;max-width:45%;height:auto;border-radius:12px;box-shadow:0 10px 30px #00000026,-20px 20px 30px #080d5a4d}.theme-dark .technology-image{box-shadow:0 8px 25px #0000004d,-10px 10px 20px #3b82f633}.technology-image img{width:100%;height:auto;object-fit:contain;display:block;transition:transform .4s ease-out;border-radius:10px;text-decoration:none}.technology-image:hover img{transform:scale(1.03)}.technology-cta{background-color:#080d5a;color:#fff;padding:.9rem 2.2rem;border:none;border-radius:25px;font-size:clamp(1rem,1.2vw + .5rem,1.1rem);font-weight:600;font-family:DM Sans,Arial,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #080d5a4d;display:inline-block;text-decoration:none}.theme-dark .technology-cta{background-color:#151c7d;color:#fff;box-shadow:0 4px 14px #1d4ed859}.technology-cta:hover{background-color:#060a4a;color:#fff;transform:translateY(-3px);box-shadow:0 6px 16px #080d5a66}.theme-dark .technology-cta:hover{background-color:#2563eb;box-shadow:0 6px 16px #2563eb66}@media (max-width: 1024px){.technology-nav{gap:.8rem}.technology-nav-btn{font-size:.9rem;padding:.5rem 1rem}.technology-image{max-width:50%}}@media (max-width: 768px){.technology{padding:4rem 1rem}.technology-container{padding:1rem 1.5rem}.technology-content{flex-direction:column;text-align:center;gap:2rem}.technology-text{max-width:100%;order:2;display:flex;flex-direction:column;align-items:center}.technology-image{order:1;max-width:80%;height:auto;margin-bottom:1rem;margin-left:3rem;box-shadow:0 10px 30px #00000026,-20px 20px 30px #080d5a4d}.technology-image img{width:100%;height:auto;object-fit:contain;display:block;transition:transform .4s ease-out}.technology-image:hover img{transform:scale(1.03)}}.statistics{background:linear-gradient(to right,#ffffff4d,#fff0 20%,#fff0),linear-gradient(to right,#080d5a,#111664);background-size:100% 100%;background-repeat:no-repeat;padding:6rem 2rem;width:100%;overflow:hidden}.theme-dark .statistics{background:linear-gradient(to right,#fff4,#fff0 20%,#fff0),linear-gradient(to right,#141050,#180f32);background-size:100% 100%;background-repeat:no-repeat}.statistics-container{max-width:1100px;margin:0 auto;padding:4rem 6rem}.statistics-header{text-align:center;margin-bottom:4rem}.statistics-header h2{font-family:DM Sans,Arial,sans-serif;font-size:clamp(2.5rem,4vw + 1rem,3.5rem);font-weight:600;color:#fff}.statistics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;max-width:1100px;margin:0 auto}.statistic-card{background:#0d1a4680;padding:2.5rem 2rem;text-align:center;border-radius:12px;border:1px solid rgba(3,205,255,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease-in-out;display:flex;flex-direction:column;justify-content:center;min-height:220px}.theme-dark .statistic-card{background:#161042}.statistic-card:hover{transform:translateY(-6px) scale(1.02);border-color:#03cdff4d;background:#0d1a46b3;box-shadow:0 10px 25px #03cdff1a}.statistic-number{font-size:clamp(3.5rem,6vw,5rem);font-weight:700;color:#03cdff;margin-bottom:1rem;font-family:DM Sans,Arial,sans-serif;line-height:1.1;text-shadow:0 0 15px rgba(3,205,255,.25)}.statistic-text{font-size:clamp(1rem,1.5vw,1.1rem);color:#e0e0e0;line-height:1.5;font-family:DM Sans,Arial,sans-serif;opacity:.85;max-width:90%;margin:0 auto}@media (max-width: 900px){.statistics-grid{grid-template-columns:1fr;gap:2rem;max-width:400px}.statistic-card{padding:2rem 1.5rem;min-height:180px}.statistic-number{font-size:clamp(3rem,5vw,4rem)}.statistic-text{font-size:clamp(1rem,1.5vw,1.1rem)}}@media (max-width: 480px){.statistics-header h2{font-size:clamp(2rem,3.5vw + 1rem,2.8rem)}.statistics-container{padding:1rem 1.5rem}.statistics-grid{gap:1.5rem}.statistic-card{padding:1.5rem 1rem;min-height:160px}.statistic-number{font-size:clamp(3rem,5vw,4rem)}.statistic-text{font-size:clamp(.9rem,1.4vw,1rem)}}.learning-centers{background:linear-gradient(to right,#eef2f7,#cce0ff);padding:6rem 2rem;width:100%}.theme-dark .learning-centers{background:transparent}.learning-centers-container{max-width:1200px;margin:0 auto;padding:4rem 6rem}.learning-centers-content-wrapper{display:flex;align-items:center;justify-content:space-between;gap:4rem}.learning-centers-text-content{flex:1;max-width:600px}.learning-centers h2{font-size:clamp(2.5rem,4vw + 1rem,4rem);font-weight:700;color:#041137;margin-bottom:1.5rem;font-family:DM Sans,Arial,sans-serif;line-height:1.2}.theme-dark .learning-centers h2{color:#f0f0f0}.learning-centers p{font-size:clamp(1rem,1.5vw + .5rem,1.1rem);line-height:1.6;color:#334155;margin-bottom:1.5rem;font-family:DM Sans,Arial,sans-serif}.theme-dark .learning-centers p{color:#ccc}.signup-button-link{text-decoration:none;display:inline-block;margin-top:1rem;margin-left:1rem}.signup-button{background-color:#060a4a;color:#fff;padding:.9rem 2.2rem;border:none;border-radius:8px;font-size:clamp(1rem,1.2vw + .5rem,1.1rem);font-weight:600;font-family:DM Sans,Arial,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #060a4a4d}.signup-button:hover{background-color:#04083e;color:#fff;transform:translateY(-3px);box-shadow:0 6px 16px #060a4a66}.learning-centers-pic-container{flex:1;display:flex;justify-content:center;align-items:center;max-width:45%;height:auto;border-radius:12px;box-shadow:0 10px 30px #00000026,-20px 20px 30px #080d5a4d}.theme-dark .learning-centers-pic-container{box-shadow:0 5px 20px #0006,0 0 15px #4f85db26}.learning-centers-pic{display:block;max-width:100%;height:auto;object-fit:contain;transition:transform .4s ease-out;border-radius:10px}.theme-dark .learning-centers-pic{box-shadow:0 10px 30px #0003,-10px 10px 25px #3b82f64d}.learning-centers-pic:hover{transform:scale(1.03)}@media (max-width: 992px){.learning-centers-content-wrapper{flex-direction:column;gap:3rem;text-align:center}.learning-centers-text-content{max-width:100%;display:flex;flex-direction:column;align-items:center}.learning-centers-pic-container{max-width:80%;order:-1;margin-bottom:2rem}}@media (max-width: 768px){.learning-centers{padding:4rem 1rem}.learning-centers-container{padding:1rem 1.5rem}.learning-centers-content-wrapper{gap:2.5rem}.learning-centers h2{font-size:clamp(2rem,3.5vw + 1rem,2.8rem)}.learning-centers p{font-size:clamp(.9rem,1.4vw,1rem)}.learning-centers-pic-container{max-width:90%}}.testimonials{--funky-bg: #e9e7ff;--funky-card-bg: #ffffff;--funky-text-main: #3c3a5f;--funky-text-secondary: #6a679e;--funky-border-color: #dadaff;--funky-shadow-color: rgba(138, 43, 226, .2);--funky-shadow-hover-color: rgba(74, 144, 226, .3);--quote-accent-color: #ff6b6b;padding:80px 20px;background-color:var(--funky-bg);text-align:center;transition:background-color .3s ease,color .3s ease}.theme-dark .testimonials{--funky-bg: #0f172a;--funky-card-bg: #1e293b;--funky-text-main: #e0e0ff;--funky-text-secondary: #b0aedd;--funky-border-color: #334155;--funky-shadow-color: rgba(171, 99, 247, .2);--funky-shadow-hover-color: rgba(107, 171, 245, .35);--quote-accent-color: #ff8a8a}.testimonials-container{max-width:1200px;margin:0 auto}.testimonials-title{font-size:2.5rem;margin-bottom:50px;color:var(--funky-text-main);font-weight:700;text-shadow:2px 2px 0px var(--funky-shadow-color)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.testimonial-card{background-color:var(--funky-card-bg);padding:30px;border-radius:20px;border:1px solid var(--funky-border-color);box-shadow:5px 5px 0 var(--funky-shadow-color);display:flex;flex-direction:column;justify-content:space-between;text-align:left;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.testimonial-card:hover{transform:translateY(-6px) rotate(1.5deg);box-shadow:8px 8px 0 var(--funky-shadow-hover-color)}.testimonial-quote{font-size:1.1rem;font-style:italic;color:var(--funky-text-secondary);margin-bottom:20px;flex-grow:1;border-left:4px solid var(--quote-accent-color);padding-left:15px}.testimonial-author{margin-top:auto;text-align:right}.author-name{font-weight:700;color:var(--funky-text-main);margin:0}.author-title{font-size:.9rem;color:var(--funky-text-secondary);margin:0}@media (max-width: 768px){.testimonials-title{font-size:2rem}}.mcm-system{background:linear-gradient(to right,#eef2f7,#cce0ff);padding:6rem 2rem;width:100%}.theme-dark .mcm-system{background:transparent}.mcm-system-container{max-width:1200px;margin:0 auto;padding:4rem 6rem}.mcm-system-header{text-align:center;margin-bottom:3rem}.theme-dark .mcm-system-header h2{color:#f3f4f6}.mcm-system-header h2{font-size:clamp(2.5rem,4vw + 1rem,4rem);font-weight:700;color:#041137;font-family:DM Sans,Arial,sans-serif;line-height:1.2}.mcm-system-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:4rem}.mcm-system-nav-btn{padding:.6rem 1.3rem;font-size:1rem;font-family:DM Sans,Arial,sans-serif;font-weight:500;color:#080d5a;background:transparent;border:1px solid #080d5a;cursor:pointer;transition:all .3s ease;border-radius:20px}.theme-dark .mcm-system-nav-btn{color:#d1d5db;border-color:#4b5563;background:transparent}.mcm-system-nav-btn:hover{background:#080d5a1a;color:#080d5a;line-height:1.3}.mcm-system-nav-btn.active{background:#080d5a;border-color:#080d5a;color:#fff}.theme-dark .mcm-system-nav-btn.active{background:#080d5a;color:#fff;border-color:#1e40af}.mcm-system-content{display:flex;align-items:center;justify-content:space-between;gap:3rem;min-height:400px}.mcm-system-text{flex:1;max-width:550px}.theme-dark .mcm-system-text h3{color:#e5e7eb}.mcm-system-text h3{font-size:clamp(1.8rem,3vw + .5rem,2.2rem);font-weight:600;color:#041137;margin-bottom:1rem;font-family:DM Sans,Arial,sans-serif;line-height:1.3}.theme-dark .mcm-system-text p{color:#cbd5e1}.mcm-system-text p{font-size:clamp(1rem,1.5vw + .5rem,1.1rem);line-height:1.6;color:#334155;font-family:DM Sans,Arial,sans-serif;margin-bottom:2.5rem}.mcm-system-image{flex:1;display:flex;justify-content:center;align-items:center;max-width:45%;height:auto;border-radius:12px;box-shadow:0 10px 30px #00000026,-20px 20px 30px #080d5a4d;margin-left:1rem}.theme-dark .mcm-system-image{box-shadow:0 8px 25px #0000004d,-10px 10px 20px #3b82f633}.mcm-system-image img{width:100%;height:auto;object-fit:contain;display:block;transition:transform .4s ease-out;border-radius:10px}.mcm-system-image:hover img{transform:scale(1.03)}@media (max-width: 992px){.mcm-system-content{flex-direction:column;gap:3rem;text-align:center}.mcm-system-text{max-width:100%;display:flex;flex-direction:column;align-items:center}.mcm-system-image{max-width:80%;order:-1;margin-bottom:2rem}}@media (max-width: 768px){.mcm-system{padding:4rem 1rem}.mcm-system-container{padding:1rem 1.5rem}.mcm-system-content{gap:2.5rem}.mcm-system-header h2{font-size:clamp(2rem,3.5vw + 1rem,2.8rem)}.mcm-system-text h3{font-size:clamp(1.5rem,2.5vw,1.8rem)}.mcm-system-text p{font-size:clamp(.9rem,1.4vw,1rem)}.mcm-system-image{max-width:90%}}.faq{padding:6rem 2rem;background:linear-gradient(to right,#eef2f7,#cce0ff)}.theme-dark .faq{background:transparent}.faq-container{max-width:1000px;margin:0 auto;transition:all .4s ease;background:transparent;padding:4rem 6rem}.theme-dark .faq-container{background:transparent}.faq-title{text-align:center;font-size:3.8rem;color:#041137;margin-bottom:4.5rem;font-family:DM Sans,Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.08rem}.theme-dark .faq-title{color:#f3f4f6}.faq-list{display:flex;flex-direction:column;gap:1.2rem;max-width:800px;margin:0 auto;transition:all .4s ease;background:linear-gradient(to right,#f0f4f8,#dae8ff)}.theme-dark .faq-list{background:transparent}.faq .faq-item{border:none;border-radius:12px;overflow:hidden;box-shadow:0 12px 25px #0000001a;transition:all .4s ease;background:linear-gradient(to right,#f0f4f8,#dae8ff)}.theme-dark .faq-item{background:#1f2937!important;border:1px solid #374151;box-shadow:0 5px 15px #0000004d}.theme-dark .faq-item:hover{background:#2d3748!important;border-color:#4b5563;box-shadow:0 8px 20px #00000059;transform:translateY(-3px)}.faq-item:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-5px);cursor:pointer;transition:background-color .3s ease}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 1.8rem;background-color:transparent;cursor:pointer;transition:background-color .3s ease;width:100%;opacity:.8}.theme-dark .faq-question,.theme-dark .faq-item.active .faq-question{background-color:#2b3646!important}.faq-item.active .faq-question{background-color:#eef2f780;flex-grow:1;margin-right:1.5rem}.theme-dark .faq-question h3{color:#e5e7eb!important}.faq-question h3{margin:0;font-size:1.2rem;color:#080d5a;font-family:DM Sans,Arial,Helvetica,sans-serif;font-weight:600;flex-grow:1;margin-right:1.5rem}.faq-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background-color:#080d5a;color:#fff;font-weight:700;transition:transform .3s ease;flex-shrink:0}.theme-dark .faq-icon{background-color:#151c7d;color:#fff}.theme-dark .faq-item.active .faq-icon{background-color:#151c7d;transform:rotate(180deg)}.faq-item.active .faq-icon{transform:rotate(180deg);background-color:#060a4a}.faq .faq-answer{overflow:hidden;background:linear-gradient(to right,#f0f4f8,#dae8ff);padding:1rem 1.8rem;opacity:.9}.theme-dark .faq-answer{background:#1f2937!important;background-image:none!important}.faq-answer p{margin:0;padding-bottom:1.8rem;line-height:1.7;color:#4a5568;font-family:DM Sans,Arial,Helvetica,sans-serif;font-size:1rem}.theme-dark .faq-answer p{color:#d1d5db!important}@media (max-width: 768px){.faq{padding:5rem 1.5rem}.faq-container{padding:2rem 1.5rem}.faq-title{font-size:3rem;margin-bottom:3.5rem}.faq-list{gap:1rem}.faq-question{padding:1.2rem 1.5rem}.faq-question h3{font-size:1.1rem;margin-right:1rem}.faq-icon{width:26px;height:26px}.faq-answer{padding:0 1.5rem}.faq-answer p{padding-bottom:1.5rem;font-size:.95rem}}@media (max-width: 480px){.faq{padding:4rem 1rem}.faq-title{font-size:2.5rem;margin-bottom:3rem}.faq-list{gap:.8rem}.faq-question{padding:1rem 1.2rem}.faq-question h3{font-size:1rem;margin-right:.8rem}.faq-icon{width:24px;height:24px;font-size:1rem}.faq-answer{padding:0 1.2rem}.faq-answer p{padding-bottom:1.2rem;font-size:.9rem}}.cta-section{background:linear-gradient(90deg,#080d5a,#1a228a);color:#fff;padding:5rem 2rem;text-align:center;font-family:DM Sans,sans-serif}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-button{background-color:#fff;color:#080d5a;padding:1rem 2.5rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.cta-button:hover{background-color:#f0f0f0;transform:translateY(-3px);box-shadow:0 6px 20px #00000026}@media (max-width: 768px){.cta-content h2{font-size:2rem}.cta-content p{font-size:1rem}}:root{--footer-icon-hover-color: #00f5d4}.footer{background:linear-gradient(to right,#ffffff4d,#fff0 20%,#fff0),linear-gradient(to right,#080d5a,#111664);color:#d1d5db;padding:4rem 2rem 2rem;font-family:DM Sans,Arial,Helvetica,sans-serif}.footer.dark{background:linear-gradient(to right,#fff4,#fff0 20%,#fff0),linear-gradient(to right,#141050,#180f32)}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem;text-align:left}.footer-section{display:flex;flex-direction:column}.footer-section.about p{margin-top:1rem;font-size:.95rem;line-height:1.6;max-width:320px}.footer-logo{height:40px;width:auto;align-self:flex-start}.footer-section h4{color:#fff;font-size:1.25rem;margin-bottom:1.5rem;font-weight:600;position:relative}.footer-section h4:after{content:"";position:absolute;left:0;bottom:-8px;width:40px;height:3px;background:linear-gradient(90deg,#4f46e5,#a855f7);border-radius:2px}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.75rem}.footer-section ul li a{color:#d1d5db;text-decoration:none;font-size:1rem;transition:color .3s ease,transform .3s ease;display:inline-block}.footer-section ul li a:hover{color:#fff;transform:translate(5px)}.footer-section.about .footer-social{margin-top:1.5rem}.footer-section.contact .contact-item{display:flex;align-items:center;margin-bottom:.75rem;color:#d1d5db;font-size:1rem}.footer-section.contact .contact-icon{margin-right:.75rem;color:#4f46e5;flex-shrink:0}.footer-bottom{display:flex;justify-content:center;align-items:center;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:1rem}.footer-copyright{font-size:.9rem;color:#9ca3af}.footer-social{display:flex;gap:1rem}.footer-social a{color:#9ca3af;transition:color .3s ease,transform .3s ease}.footer-social a:hover{color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.footer-container{grid-template-columns:1fr;text-align:center}.footer-section.about p{margin-left:auto;margin-right:auto}.footer-logo{align-self:center}.footer-section h4:after{left:50%;transform:translate(-50%)}.footer-section ul li a:hover{transform:none}.footer-section.about .footer-social,.footer-section.contact .contact-item{justify-content:center}.footer-bottom{flex-direction:column;gap:1.5rem}}.faq-main{background:linear-gradient(to right,#eef2f7,#cce0ff);min-height:100vh;padding-top:80px}.theme-dark .faq,.theme-dark .faq-main{background:transparent}.faq-banner{width:100%;padding:4rem 0;margin-bottom:2rem}.faq-banner-container{max-width:1280px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.faq-banner-text{flex:1;padding-right:3rem}.faq-banner-text h1{font-size:4rem;font-weight:700;color:#03c;font-family:DM Sans,Arial,sans-serif;line-height:1.2;margin:0}.faq-banner-image{flex:1;max-width:600px;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.faq-banner-image img{width:100%;height:auto;display:block;object-fit:cover}.faq-content{max-width:1280px;margin:0 auto;margin-bottom:4rem;background:linear-gradient(to right,#eef2f7,#cce0ff)!important}.theme-dark .faq-content{background:transparent!important}.more-questions{background-color:#2ffbae;padding:4rem 2rem;margin-top:2rem}.more-questions-container{max-width:1280px;margin:0 0 0 100px;display:flex;justify-content:center;align-items:center;gap:3rem}.more-questions-icon{flex:0 0 auto}.more-questions-icon img{width:120px;height:auto}.more-questions-content{flex:1}.more-questions-content h2{font-size:3rem;font-weight:700;color:#03c;font-family:DM Sans,Arial,sans-serif;margin:0 0 1rem}.more-questions-content p{font-size:1.1rem;line-height:1.6;color:#041137;margin-bottom:2rem;max-width:600px}.contact-button{display:inline-block;background-color:#03c;color:#fff;padding:.8rem 2rem;font-weight:600;text-decoration:none;border-radius:4px;font-family:DM Sans,Arial,sans-serif;transition:background-color .3s ease}.contact-button:hover{background-color:#029}@media (max-width: 992px){.faq-banner-container{flex-direction:column}.faq-banner-text{padding-right:0;padding-bottom:2rem;text-align:center}.faq-banner-text h1{font-size:3rem}.faq-banner-image{max-width:100%}.more-questions-container{flex-direction:column;text-align:center}.more-questions-content p{max-width:100%}}@media (max-width: 576px){.faq-banner{padding:3rem 0}.faq-banner-text h1{font-size:2.5rem}.more-questions{padding:3rem 1rem}.more-questions-content h2{font-size:2.5rem}}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:url(/backImg.jpg)!important;background-repeat:no-repeat;background-size:cover;padding:2rem;font-family:DM Sans,Arial,sans-serif;position:relative;color:var(--auth-text-main)}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--auth-bg);opacity:.85;z-index:0}.login-container{width:100%;max-width:420px;background-color:var(--auth-card-bg);border-radius:var(--auth-card-border-radius);border:var(--auth-card-border-width) solid var(--auth-border-color);box-shadow:var(--auth-shadow-hard-offset-x) var(--auth-shadow-hard-offset-y) var(--auth-shadow-hard-blur) var(--auth-shadow-color);padding:2rem;position:relative;z-index:1;transition:box-shadow var(--auth-transition-duration) var(--auth-transition-timing-function)}.login-header{text-align:center;margin-bottom:1rem}.login-logo{width:120px;height:auto;margin-bottom:1rem;filter:drop-shadow(2px 2px 0px rgba(0,0,0,.1))}.login-header h1{color:var(--auth-text-heading);font-size:2rem;margin-bottom:.3rem;font-weight:700;font-family:DM Sans,Arial,sans-serif;letter-spacing:-.5px;text-shadow:1px 1px 0px var(--auth-shadow-color)}.login-header p{color:var(--auth-text-secondary);font-size:1rem;font-family:DM Sans,Arial,sans-serif;line-height:1.4}.login-form{display:flex;flex-direction:column;gap:.8rem}.form-group label{font-weight:600;color:var(--auth-text-main);font-size:1rem;font-family:DM Sans,Arial,sans-serif}.form-group input{padding:var(--auth-input-padding);border:var(--auth-card-border-width) solid var(--auth-input-border);border-radius:var(--auth-input-border-radius);font-size:1rem;font-family:DM Sans,Arial,sans-serif;background-color:var(--auth-input-bg)!important;color:var(--auth-input-text);box-shadow:var(--auth-input-hard-shadow);transition:border-color var(--auth-transition-duration-fast) ease,box-shadow var(--auth-transition-duration-fast) ease}.form-group input:focus{outline:none;border-color:var(--auth-input-focus-border);box-shadow:var(--auth-input-focus-hard-shadow)}.form-group input.error{border-color:var(--auth-accent-red);box-shadow:1px 1px 0 var(--auth-accent-red)}.form-group input[type=email],.form-group input[type=password]{background-color:var(--auth-input-bg)!important;color:var(--auth-input-text)!important}.theme-dark .form-group input[type=email],.theme-dark .form-group input[type=password]{background-color:var(--auth-input-bg-dark)!important;color:var(--auth-input-text-dark)!important}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:.3rem;margin-bottom:.3rem}.remember-me{display:flex;align-items:center;gap:.5rem}.remember-me input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--auth-primary-color)}.remember-me label{font-size:.9rem;color:var(--auth-text-secondary);cursor:pointer;font-family:DM Sans,Arial,sans-serif}.forgot-password-link{color:var(--auth-primary-color);text-decoration:none;font-size:.9rem;font-weight:600;font-family:DM Sans,Arial,sans-serif;transition:color var(--auth-transition-duration-fast) ease}.forgot-password-link:hover{text-decoration:underline;color:var(--auth-primary-hover)}.login-button{background-color:var(--auth-button-primary-bg);color:var(--auth-button-primary-text);padding:.7rem 1.3rem;border:none;border-radius:30px;font-weight:600;font-size:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:.8rem;font-family:DM Sans,Arial,sans-serif;letter-spacing:.5px;box-shadow:var(--auth-shadow-hard-offset-x) var(--auth-shadow-hard-offset-y) 0 var(--auth-button-primary-shadow-color);transition:all var(--auth-transition-duration) var(--auth-transition-timing-function)}.login-button:hover:not(:disabled){background-color:var(--auth-button-primary-hover-bg);transform:var(--auth-button-hover-transform);box-shadow:var(--auth-shadow-hover-hard-offset-x) var(--auth-shadow-hover-hard-offset-y) 0 var(--auth-button-primary-shadow-color)}.login-button:disabled{background-color:var(--auth-button-default-bg);color:var(--auth-text-secondary);box-shadow:none;cursor:not-allowed}.login-footer{margin-top:1rem;text-align:center;color:var(--auth-text-secondary)}.signup-link{color:var(--auth-primary-color);text-decoration:none;font-weight:600;transition:color var(--auth-transition-duration-fast) ease}.signup-link:hover{text-decoration:underline;color:var(--auth-primary-hover)}@media (max-width: 576px){.login-page{padding:1rem}.login-container{padding:1.5rem;margin-top:.5rem;margin-bottom:.5rem}.login-header h1{font-size:1.6rem}.login-header p{font-size:.9rem}.login-form{gap:.8rem}.form-options{flex-direction:column;align-items:flex-start;gap:.5rem}.forgot-password-link{align-self:flex-start}}.offline-screen-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:var(--bg-primary);color:var(--text-primary);font-family:DM Sans,sans-serif;text-align:center;padding:2rem;position:fixed;top:0;left:0;z-index:9999}.offline-screen-content{max-width:500px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.offline-icon{color:var(--primary-color);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.offline-screen-content h1{font-size:2.5rem;font-weight:700;color:var(--text-heading);margin:0}.offline-screen-content p{font-size:1.1rem;line-height:1.6;color:var(--text-secondary);margin:0}.offline-screen-content .retry-button{background-color:var(--primary-color);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease;margin-top:1rem}.offline-screen-content .retry-button:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.theme-dark .offline-screen-container{background-color:var(--bg-primary-dark)!important;color:var(--text-primary-dark)}.theme-dark .offline-icon{color:var(--accent-color-dark)}.theme-dark .offline-screen-content h1{color:var(--text-heading-dark)}.theme-dark .offline-screen-content p{color:var(--text-secondary-dark)}.theme-dark .offline-screen-content .retry-button{background-color:var(--accent-color-dark)}.theme-dark .offline-screen-content .retry-button:hover{background-color:var(--accent-color-hover-dark)}.streak-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.streak-modal-content{background:var(--bg-secondary);border-radius:24px;padding:4rem 2rem 2rem;width:100%;max-width:420px;box-shadow:0 10px 40px #0003;border:1px solid var(--border-color);text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;overflow:hidden}.theme-dark .streak-modal-content{background:linear-gradient(145deg,var(--bg-tertiary-dark),var(--bg-primary-dark));border-color:var(--border-color-dark)}.streak-modal-close-btn{position:absolute;top:16px;right:16px;background:rgba(var(--background-color-rgb),.5);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.theme-dark .streak-modal-close-btn{background-color:var(--border-color-dark);border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.streak-modal-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:rotate(90deg)}.theme-dark .streak-modal-close-btn:hover{background:var(--bg-tertiary-dark);color:var(--text-primary-dark)}.streak-animation-container{width:100%;max-width:250px;margin-top:-3rem;margin-bottom:-1rem}.streak-fire-animation{width:100%!important;height:auto!important}.streak-text-content{margin-top:-.5rem}.streak-counter{font-size:3rem;font-weight:800;color:var(--text-heading);margin:0;line-height:1.1}.theme-dark .streak-counter{color:var(--text-heading-dark)}.streak-number{background:-webkit-linear-gradient(45deg,var(--primary-color),#ff7e5f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.theme-dark .streak-number{background:-webkit-linear-gradient(45deg,var(--accent-color-dark),#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.motivational-message{font-size:1.1rem;color:var(--text-secondary);margin-top:.5rem;line-height:1.6;max-width:90%;margin-left:auto;margin-right:auto;font-weight:700}.theme-dark .motivational-message{color:var(--text-secondary-dark)}.keep-learning-btn{background:var(--primary-color);color:#fff;border:none;padding:.8rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem;width:100%}.theme-dark .keep-learning-btn{background:var(--accent-color-dark)}.keep-learning-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 15px rgba(var(--primary-color-rgb),.3)}@media (max-width: 600px){.streak-modal-backdrop{align-items:flex-end;padding:0}.streak-modal-content{width:100%;max-width:100%;border-radius:24px 24px 0 0;padding:4rem 1.5rem 1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));border-bottom:none}.streak-modal-close-btn{top:12px;right:12px}.streak-animation-container{max-width:200px;margin-top:-2rem;margin-bottom:-1rem}.streak-counter{font-size:2.5rem}.motivational-message{font-size:1rem}}.loading-screen{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-primary);z-index:9999;transition:background-color .3s ease}.theme-dark .loading-screen{background-image:linear-gradient(to bottom right,#080e1d,#150729)}.loading-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loading-logo{width:150px;height:150px;height:auto;animation:pulse 2s infinite ease-in-out}.loading-text{font-size:1.1rem;font-weight:500;color:var(--text-secondary);letter-spacing:.5px}.theme-dark .loading-text{color:var(--text-secondary-dark)}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.8}}@media (max-width: 768px){.loading-logo{width:200px!important;height:130px!important}}.reminder-toast-container{display:flex;align-items:center;padding:12px 16px;background-color:var(--card-background);color:var(--text-primary);border-radius:12px;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000d;border:1px solid var(--border-color);width:360px;font-family:Inter,sans-serif;gap:12px}.theme-dark .reminder-toast-container{box-shadow:0 4px 12px #0003,0 2px 4px #0000001a;border:1px solid var(--border-color-dark)}.reminder-avatar{flex-shrink:0}.reminder-content{flex-grow:1;display:flex;flex-direction:column}.reminder-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.reminder-header h4{margin:0;font-size:.9rem;font-weight:600;display:flex;align-items:left;justify-content:left;gap:6px}.reminder-icon{color:var(--accent-color-light)}.theme-dark .reminder-icon{color:var(--primary-hover)}.reminder-dismiss-button{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.reminder-dismiss-button:hover{background-color:var(--bg-elevated);color:var(--text-primary)}.reminder-message{margin:0 0 10px;font-size:.9rem;line-height:1.5;letter-spacing:.02em;color:var(--text-secondary);font-style:italic}.theme-dark .reminder-message{color:var(--text-color-secondary-dark)}.reminder-action-button{align-self:flex-end;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background-color .2s,transform .2s}.reminder-action-button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.theme-dark .reminder-action-button{background-color:var(--primary-hover);color:var(--text-color-primary-dark);font-weight:600}.modal-backdrop{background-color:color-mix(in srgb,var(--bg-primary) 50%,transparent)!important}.dark-theme .modal-backdrop,.theme-dark .modal-backdrop{background-color:color-mix(in srgb,var(--bg-primary-dark) 50%,transparent)!important}.feedback-modal{background:var(--card-bg, white);border-radius:12px;padding:0;width:90%;max-width:500px;box-shadow:0 4px 20px #00000040;overflow:hidden}.feedback-intro{font-size:.95rem;margin-bottom:20px;color:var(--text-secondary, #64748b);text-align:center}.star-rating-container{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.rating-label{font-size:1rem;font-weight:500;margin-bottom:12px;color:var(--text-primary, #0f172a)}.star-rating{display:flex;justify-content:center;gap:8px;margin-bottom:8px}.theme-dark .star-rating{color:var(--text-primary-dark)}.star-button{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;color:var(--text-primary)}.star-button:hover{transform:scale(1.15)}.star-outline{color:#d1d5db}.star-filled{color:#facc15}.rating-description{height:20px;font-size:.85rem;color:var(--text-secondary, #64748b);text-align:center;font-style:italic}.feedback-text-container{margin-bottom:16px}.feedback-text-container label{display:block;font-size:.9rem;margin-bottom:8px;color:var(--text-primary, #0f172a)}.feedback-text-container textarea{background-color:var(--bg-tertiary);border:2px solid var(--text-muted)}.theme-dark .feedback-text-container textarea{background-color:var(--bg-tertiary-dark)!important;border:1px solid var(--text-muted-dark)!important}.feedback-textarea{width:100%;padding:12px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;resize:vertical;font-family:inherit;font-size:.9rem;background-color:var(--bg-secondary, #f1f5f9);color:var(--text-primary, #0f172a)}.feedback-textarea:focus{border-color:var(--primary-color, #4F46E5);outline:none;box-shadow:0 0 0 2px #4f46e533}.feedback-error{color:#ef4444;background-color:#ef44441a;padding:10px;border-radius:6px;font-size:.85rem;margin-top:16px}.feedback-success{display:flex;flex-direction:column;align-items:center;padding:16px 0}.success-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:#10b981;color:#fff;border-radius:50%;font-size:32px;margin-bottom:16px}.feedback-success p{font-size:1rem;font-weight:500;color:var(--text-primary, #0f172a);margin:0;text-align:center}.success-subtext{font-size:.9rem!important;color:var(--text-secondary, #64748b)!important;margin-top:8px!important}html.theme-dark .feedback-modal{box-shadow:0 4px 20px #00000080;background-color:var(--bg-secondary-dark)}html.theme-dark .star-outline{color:#4b5563}html.theme-dark .feedback-textarea{background-color:var(--bg-secondary, #334155)}.feedback-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:20px;padding:10px 16px;font-size:.9rem;font-weight:500;cursor:pointer;margin-top:16px;transition:all .2s ease}.feedback-button:hover{background-color:var(--primary-hover, #4338ca)}.theme-dark .feedback-button{background-color:var(--accent-color-dark);border:1px solid var(--border-color-dark)}.theme-dark .feedback-button:hover{background-color:var(--accent-color-hover-dark);border:1px solid var(--border-color-dark)}:root{--auth-base-font-size: 16px;--auth-transition-duration: .3s;--auth-transition-duration-fast: .2s;--auth-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);--auth-button-hover-transform: translateY(-3px) scale(1.03);--auth-bg: #e9e7ff;--auth-card-bg: #ffffff;--auth-text-main: #3c3a5f;--auth-text-secondary: #6a679e;--auth-text-heading: #2a283e;--auth-border-color: #dadaff;--auth-border-color-strong: #b0aedd;--auth-shadow-color: rgba(138, 43, 226, .2);--auth-shadow-hover-color: rgba(74, 144, 226, .3);--auth-shadow-hard-offset-x: 3px;--auth-shadow-hard-offset-y: 3px;--auth-shadow-hard-blur: 0px;--auth-shadow-hard-spread: 0px;--auth-shadow-hover-hard-offset-x: 5px;--auth-shadow-hover-hard-offset-y: 5px;--auth-primary-color: #8A2BE2;--auth-primary-hover: #7a1dd1;--auth-primary-light-bg: rgba(138, 43, 226, .1);--auth-secondary-color: #4A90E2;--auth-secondary-hover: #3a80d2;--auth-accent-red: #ff6b6b;--auth-accent-yellow: #feca57;--auth-accent-teal: #1dd1a1;--auth-button-primary-bg: var(--auth-primary-color);--auth-button-primary-text: white;--auth-button-primary-hover-bg: var(--auth-primary-hover);--auth-button-primary-shadow-color: var(--auth-secondary-color);--auth-button-secondary-bg: var(--auth-secondary-color);--auth-button-secondary-text: white;--auth-button-secondary-hover-bg: var(--auth-secondary-hover);--auth-button-secondary-shadow-color: var(--auth-primary-color);--auth-button-default-bg: #e0e0e0;--auth-button-default-text: var(--auth-text-main);--auth-button-default-hover-bg: #d0d0d0;--auth-button-default-shadow-color: var(--auth-text-secondary);--auth-input-bg: var(--auth-card-bg);--auth-input-text: var(--auth-text-main);--auth-input-border: var(--auth-border-color-strong);--auth-input-focus-border: var(--auth-primary-color);--auth-input-shadow-color: var(--auth-shadow-color);--auth-input-border-radius: 10px;--auth-input-padding: .6rem 1rem;--auth-input-hard-shadow: 1px 1px 0px var(--auth-shadow-color);--auth-input-focus-hard-shadow: 2px 2px 0px var(--auth-primary-color);--auth-card-border-width: 2px;--auth-card-border-radius: 20px}.signup-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:url(/backImg.jpg);background-repeat:no-repeat;background-size:cover;padding:2rem;font-family:DM Sans,Arial,sans-serif;position:relative;color:var(--auth-text-main)}.signup-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--auth-bg);opacity:.85;z-index:0}.signup-container{width:100%;max-width:430px;background-color:var(--auth-card-bg);border-radius:var(--auth-card-border-radius);border:var(--auth-card-border-width) solid var(--auth-border-color);box-shadow:var(--auth-shadow-hard-offset-x) var(--auth-shadow-hard-offset-y) var(--auth-shadow-hard-blur) var(--auth-shadow-color);padding:2.2rem;position:relative;z-index:1;transition:box-shadow var(--auth-transition-duration) var(--auth-transition-timing-function)}.signup-header{text-align:center;margin-bottom:1rem}.signup-logo{width:120px;height:auto;margin-bottom:1rem;filter:drop-shadow(2px 2px 0px rgba(0,0,0,.1))}.signup-header h1{color:var(--auth-text-heading);font-size:2rem;margin-bottom:.3rem;font-weight:700;font-family:DM Sans,Arial,sans-serif;letter-spacing:-.5px;text-shadow:1px 1px 0px var(--auth-shadow-color)}.signup-header p{color:var(--auth-text-secondary);font-size:1rem;font-family:DM Sans,Arial,sans-serif;line-height:1.4}.signup-form{display:flex;flex-direction:column;gap:.8rem}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group label{font-weight:600;color:var(--auth-text-main)!important;font-size:1rem;font-family:DM Sans,Arial,sans-serif}.form-group input{padding:var(--auth-input-padding);border:var(--auth-card-border-width) solid var(--auth-input-border)!important;border-radius:var(--auth-input-border-radius)!important;font-size:1rem;font-family:DM Sans,Arial,sans-serif;background-color:var(--auth-input-bg);color:var(--auth-input-text);box-shadow:var(--auth-input-hard-shadow);transition:border-color var(--auth-transition-duration-fast) ease,box-shadow var(--auth-transition-duration-fast) ease}.form-group input:focus{outline:none;border-color:var(--auth-input-focus-border)!important;box-shadow:var(--auth-input-focus-hard-shadow)}.form-group input.error{border-color:var(--auth-accent-red)!important;box-shadow:1px 1px 0 var(--auth-accent-red)}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{width:100%}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:var(--auth-text-secondary);padding:0;display:flex;align-items:center;transition:color var(--auth-transition-duration-fast) ease}.password-toggle:hover{color:var(--auth-primary-color)}.error-message{color:var(--auth-accent-red);font-size:.8rem;margin-top:.15rem;font-weight:500}.signup-button{background-color:var(--auth-button-primary-bg);color:var(--auth-button-primary-text);padding:.7rem 1.3rem;border:none;border-radius:30px;font-weight:600;font-size:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:.8rem;font-family:DM Sans,Arial,sans-serif;letter-spacing:.5px;position:relative;overflow:hidden;box-shadow:var(--auth-shadow-hard-offset-x) var(--auth-shadow-hard-offset-y) 0 var(--auth-button-primary-shadow-color);transition:all var(--auth-transition-duration) var(--auth-transition-timing-function)}.signup-button:hover:not(:disabled){background-color:var(--auth-button-primary-hover-bg);transform:var(--auth-button-hover-transform);box-shadow:var(--auth-shadow-hover-hard-offset-x) var(--auth-shadow-hover-hard-offset-y) 0 var(--auth-button-primary-shadow-color)}.signup-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.signup-button.loading{background-color:var(--auth-button-default-bg);color:var(--auth-text-secondary);box-shadow:none;cursor:not-allowed}.spinner-icon{animation:spin 1.5s linear infinite;margin-right:4px}.signup-footer{margin-top:1rem;text-align:center;color:var(--auth-text-secondary)!important}.login-link,.terms-link{color:var(--auth-primary-color);text-decoration:none;font-weight:600;transition:color var(--auth-transition-duration-fast) ease}.login-link:hover,.terms-link:hover{text-decoration:underline;color:var(--auth-primary-hover)}.terms-text{font-size:.75rem;color:var(--auth-text-secondary);margin-top:.8rem}@media (max-width: 576px){.signup-page{padding:1rem}.signup-container{padding:1.5rem;margin-top:.5rem;margin-bottom:.5rem}.signup-header h1{font-size:1.6rem}.signup-header p{font-size:.9rem}.signup-form{gap:.8rem}}.divider{display:flex;align-items:center;text-align:center;margin:1rem 0;color:var(--auth-text-secondary);font-size:.8rem;font-weight:500}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--auth-border-color)}.divider span{padding:0 12px;color:var(--auth-text-main)}.google-signin-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:.65rem 1rem;background-color:var(--auth-card-bg);color:var(--auth-text-main);border:var(--auth-card-border-width) solid var(--auth-secondary-color);border-radius:30px;font-size:.9rem;font-weight:500;cursor:pointer;box-shadow:var(--auth-shadow-hard-offset-x) var(--auth-shadow-hard-offset-y) 0 var(--auth-shadow-color);transition:all var(--auth-transition-duration) var(--auth-transition-timing-function)}.google-signin-button:hover:not(:disabled){background-color:var(--auth-primary-light-bg);border-color:var(--auth-primary-color);color:var(--auth-primary-color);transform:var(--auth-button-hover-transform);box-shadow:var(--auth-shadow-hover-hard-offset-x) var(--auth-shadow-hover-hard-offset-y) 0 var(--auth-shadow-hover-color)}.google-signin-button:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;background-color:var(--auth-button-default-bg);border-color:var(--auth-border-color)}.google-signin-button svg{color:#db4437}.notification{position:fixed;top:20px;right:20px;background-color:#4caf50;color:#fff;padding:14px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #00000026;z-index:1000;font-weight:500}.notification svg{color:#fff}@media (max-width: 768px){.notification{right:10px;left:10px;max-width:calc(100% - 20px);justify-content:center}}:root{--onboarding-base-font-size: 16px;--onboarding-transition-duration: .3s;--onboarding-transition-duration-fast: .2s;--onboarding-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);--onboarding-card-hover-transform: translateY(-1px) rotate(0deg);--onboarding-button-hover-transform: translateY(-3px) scale(1.03);--onboarding-bg: #e9e7ff;--onboarding-card-bg: #ffffff;--onboarding-card-bg-alt: #f7f7fe;--onboarding-text-main: #3c3a5f;--onboarding-text-secondary: #6a679e;--onboarding-text-heading: #2a283e;--onboarding-border-color: #dadaff;--onboarding-border-color-strong: #b0aedd;--onboarding-shadow-color: rgba(138, 43, 226, .2);--onboarding-shadow-hover-color: rgba(74, 144, 226, .3);--onboarding-shadow-hard-offset-x: 3px;--onboarding-shadow-hard-offset-y: 3px;--onboarding-shadow-hard-blur: 0px;--onboarding-shadow-hard-spread: 0px;--onboarding-shadow-hover-hard-offset-x: 5px;--onboarding-shadow-hover-hard-offset-y: 5px;--onboarding-primary-color: #8A2BE2;--onboarding-primary-hover: #7a1dd1;--onboarding-primary-light-bg: rgba(138, 43, 226, .1);--onboarding-secondary-color: #4A90E2;--onboarding-secondary-hover: #3a80d2;--onboarding-secondary-light-bg: rgba(74, 144, 226, .1);--onboarding-accent-red: #ff6b6b;--onboarding-accent-yellow: #feca57;--onboarding-accent-teal: #2f8b73;--onboarding-button-primary-bg: var(--onboarding-primary-color);--onboarding-button-primary-text: white;--onboarding-button-primary-hover-bg: var(--onboarding-primary-hover);--onboarding-button-primary-shadow-color: var(--onboarding-secondary-color);--onboarding-button-secondary-bg: var(--onboarding-secondary-color);--onboarding-button-secondary-text: white;--onboarding-button-secondary-hover-bg: var(--onboarding-secondary-hover);--onboarding-button-secondary-shadow-color: var(--onboarding-primary-color);--onboarding-button-default-bg: #e0e0e0;--onboarding-button-default-text: var(--onboarding-text-main);--onboarding-button-default-hover-bg: #d0d0d0;--onboarding-button-default-shadow-color: var(--onboarding-text-secondary);--onboarding-button-danger-bg: var(--onboarding-accent-red);--onboarding-button-danger-text: white;--onboarding-button-danger-hover-bg: #e55a5a;--onboarding-button-danger-shadow-color: rgba(0,0,0,.2);--onboarding-input-bg: var(--onboarding-card-bg);--onboarding-input-text: var(--onboarding-text-main);--onboarding-input-border: var(--onboarding-border-color-strong);--onboarding-input-focus-border: var(--onboarding-primary-color);--onboarding-input-shadow-color: var(--onboarding-shadow-color);--onboarding-input-border-radius: 8px;--onboarding-input-padding: .8rem 1.2rem;--onboarding-input-hard-shadow: 1px 1px 0px var(--onboarding-shadow-color);--onboarding-input-focus-hard-shadow: 2px 2px 0px var(--onboarding-primary-color);--onboarding-card-border-width: 2px;--onboarding-card-border-radius: 18px;--onboarding-card-padding: 1.5rem}.theme-dark,.dark-theme{--onboarding-bg: #2a283e;--onboarding-card-bg: #3c3a4f;--onboarding-card-bg-alt: #333142;--onboarding-text-main: #ffffff;--onboarding-text-secondary: #cecddd;--onboarding-text-heading: #f0f0ff;--onboarding-border-color: #504d70;--onboarding-border-color-strong: #6a679e;--onboarding-shadow-color: rgba(171, 99, 247, .25);--onboarding-shadow-hover-color: rgba(107, 171, 245, .3);--onboarding-primary-color: #ab63f7;--onboarding-primary-hover: #9a52e6;--onboarding-primary-light-bg: rgba(171, 99, 247, .15);--onboarding-secondary-color: #6babf5;--onboarding-secondary-hover: #5a9ae4;--onboarding-secondary-light-bg: rgba(107, 171, 245, .15);--onboarding-accent-red: #ff8a8a;--onboarding-accent-yellow: #fed766;--onboarding-accent-teal: #2effc4;--onboarding-button-primary-bg: var(--onboarding-primary-color);--onboarding-button-primary-hover-bg: var(--onboarding-primary-hover);--onboarding-button-primary-shadow-color: var(--onboarding-secondary-color);--onboarding-button-secondary-bg: var(--onboarding-secondary-color);--onboarding-button-secondary-hover-bg: var(--onboarding-secondary-hover);--onboarding-button-secondary-shadow-color: var(--onboarding-primary-color);--onboarding-button-default-bg: #4a475c;--onboarding-button-default-text: var(--onboarding-text-main);--onboarding-button-default-hover-bg: #5c5972;--onboarding-button-default-shadow-color: var(--onboarding-text-secondary);--onboarding-input-bg: var(--onboarding-card-bg-alt);--onboarding-input-text: var(--onboarding-text-main);--onboarding-input-border: var(--onboarding-border-color-strong);--onboarding-input-focus-border: var(--onboarding-primary-color);--onboarding-input-shadow-color: var(--onboarding-shadow-color);--onboarding-input-hard-shadow: 1px 1px 0px var(--onboarding-shadow-color);--onboarding-input-focus-hard-shadow: 2px 2px 0px var(--onboarding-primary-color)}.theme-dark .form-group select,.theme-dark .form-group input[type=text],.theme-dark .form-group input[type=date],.theme-dark .form-group textarea,.theme-dark .custom-course-input{background-color:var(--onboarding-input-bg)!important;color:var(--onboarding-input-text)!important}.theme-dark .form-group input[type=text],.theme-dark .form-group input[type=date]{background-color:var(--onboarding-input-bg);color:var(--onboarding-input-text)!important}.theme-dark .form-group input[type=text]::placeholder,.theme-dark .form-group input[type=date]::placeholder,.theme-dark .form-group textarea::placeholder{color:var(--onboarding-text-secondary);opacity:.7}.theme-dark .form-group select option{background-color:var(--onboarding-card-bg-alt);color:var(--onboarding-text-main)}.onboarding-page{display:flex;justify-content:center;align-items:center;background-image:url(/backImg2.jpg);min-height:100vh;background-color:var(--onboarding-bg);padding:2rem;font-family:DM Sans,Arial,sans-serif;transition:opacity .5s ease-out,transform .5s ease-out;position:relative;color:var(--onboarding-text-main);overflow-x:hidden}.onboarding-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--onboarding-bg);opacity:.95;z-index:0}.theme-dark .onboarding-page:before{opacity:.92}.onboarding-page.exiting{opacity:0;transform:scale(.98) translateY(-20px)}.onboarding-container{width:100%;max-width:700px;background-color:var(--onboarding-card-bg);border-radius:var(--onboarding-card-border-radius);border:var(--onboarding-card-border-width) solid var(--onboarding-border-color);box-shadow:var(--onboarding-shadow-hard-offset-x) var(--onboarding-shadow-hard-offset-y) var(--onboarding-shadow-hard-blur) var(--onboarding-shadow-color);padding:2.5rem;transition:all var(--onboarding-transition-duration) var(--onboarding-transition-timing-function);position:relative;z-index:1}.onboarding-container:hover{transform:var(--onboarding-card-hover-transform);box-shadow:var(--onboarding-shadow-hover-hard-offset-x) var(--onboarding-shadow-hover-hard-offset-y) var(--onboarding-shadow-hard-blur) var(--onboarding-shadow-hover-color)}.theme-dark .onboarding-container{border-color:var(--onboarding-border-color-strong);background-color:var(--onboarding-bg)}.onboarding-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;position:relative}.onboarding-logo{width:130px;height:auto;margin-bottom:2rem;filter:drop-shadow(2px 2px 0px rgba(0,0,0,.1))}.theme-dark .onboarding-logo{filter:drop-shadow(2px 2px 0px rgba(255,255,255,.05))}.step-indicator{display:flex;align-items:center;margin-bottom:2rem}.step-dot{width:12px;height:12px;border-radius:50%;background-color:var(--onboarding-border-color);transition:all var(--onboarding-transition-duration-fast) ease;margin:0 5px}.step-dot.active{background-color:var(--onboarding-primary-color);transform:scale(1.2)}.step-line{height:2px;width:40px;background-color:var(--onboarding-border-color);transition:all var(--onboarding-transition-duration-fast) ease}.step-dot.active+.step-line{background-color:var(--onboarding-primary-color)}.custom-subject-separator{display:flex;align-items:center;text-align:center;margin:2rem 0;color:var(--onboarding-text-secondary)}.custom-subject-separator .separator-line{flex-grow:1;height:1px;background-color:var(--onboarding-border-color)}.custom-subject-separator .separator-text{padding:0 1rem;font-size:.9rem;font-weight:500;letter-spacing:.5px}.inspiration-header-actions{display:flex;flex-direction:row!important;align-items:center;gap:1rem}.form-group label{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:var(--onboarding-text-heading);margin-bottom:.75rem}.help-icon{color:var(--onboarding-text-secondary);cursor:pointer;transition:color var(--onboarding-transition-duration-fast) ease}.help-icon:hover{color:var(--onboarding-primary-color)}.onboarding-tooltip{background-color:var(--onboarding-text-heading)!important;color:var(--onboarding-card-bg)!important;border:1px solid var(--text-main)!important;border-radius:8px!important;font-size:.85rem!important;padding:8px 12px!important;max-width:250px;text-align:center;z-index:9999!important}.step-content{margin-bottom:2.5rem;animation:fadeIn .5s var(--onboarding-transition-timing-function);opacity:1;transition:opacity .3s ease-in-out}.step-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.step-title-container{display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative}.step-icon{color:var(--onboarding-primary-color);margin-bottom:1rem;background-color:var(--onboarding-primary-light-bg);padding:15px;border-radius:50%;box-shadow:0 4px 12px #0000000d,2px 2px 0 var(--onboarding-primary-color);transition:all var(--onboarding-transition-duration) var(--onboarding-transition-timing-function);transform:rotate(-3deg)}.step-header:hover .step-icon{transform:rotate(3deg) scale(1.05);box-shadow:0 6px 15px #00000014,3px 3px 0 var(--onboarding-secondary-color)}.step-content h2{color:var(--onboarding-text-heading);font-size:2rem;margin-bottom:.75rem;text-align:center;font-weight:700;letter-spacing:-.5px;text-shadow:1px 1px 0px var(--onboarding-shadow-color)}.theme-dark .step-content h2{text-shadow:1px 1px 0px rgba(0,0,0,.2)}.step-description{color:var(--onboarding-text-secondary);text-align:center;margin-bottom:2.5rem;font-size:1.05rem;line-height:1.6}.learning-styles-grid,.subjects-grid,.days-grid,.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;margin-bottom:2.5rem;width:100%}.learning-style-card,.subject-card,.day-card,.course-card,.add-custom-course-card,.custom-course-card{background-color:var(--onboarding-card-bg);border:var(--onboarding-card-border-width) solid var(--onboarding-border-color);border-radius:var(--onboarding-card-border-radius);padding:var(--onboarding-card-padding);cursor:pointer;transition:all var(--onboarding-transition-duration) var(--onboarding-transition-timing-function);box-shadow:var(--onboarding-shadow-hard-offset-x) var(--onboarding-shadow-hard-offset-y) var(--onboarding-shadow-hard-blur) var(--onboarding-shadow-color);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:120px}.learning-style-card:hover,.subject-card:hover,.day-card:hover,.course-card:hover,.add-custom-course-card:hover,.custom-course-card:hover{border-color:var(--onboarding-secondary-color);transform:var(--onboarding-card-hover-transform);box-shadow:var(--onboarding-shadow-hover-hard-offset-x) var(--onboarding-shadow-hover-hard-offset-y) var(--onboarding-shadow-hard-blur) var(--onboarding-shadow-hover-color)}.learning-style-card.selected,.subject-card.selected,.day-card.selected,.course-card.selected,.custom-course-card.selected{border-color:var(--onboarding-primary-color);background-color:var(--onboarding-primary-light-bg);box-shadow:var(--onboarding-shadow-hard-offset-x) var(--onboarding-shadow-hard-offset-y) var(--onboarding-shadow-hard-blur) var(--onboarding-primary-color);transform:translateY(-3px) scale(1.02)}.learning-style-card h3,.subject-card h3,.day-card h3,.course-card h3{color:var(--onboarding-text-main);margin-bottom:.5rem;font-size:1.15rem;font-weight:600}.learning-style-card p{color:var(--onboarding-text-secondary);font-size:.85rem;line-height:1.4}.form-group{margin-bottom:2rem;text-align:left}.form-group select,.form-group input[type=text],.form-group input[type=date],.form-group textarea,.custom-course-input{width:100%;padding:var(--onboarding-input-padding);border:var(--onboarding-card-border-width) solid var(--onboarding-input-border)!important;border-radius:var(--onboarding-input-border-radius);font-size:.95rem;background-color:var(--onboarding-input-bg);color:var(--onboarding-input-text)!important;transition:all var(--onboarding-transition-duration-fast) ease;font-family:DM Sans,Arial,sans-serif;box-shadow:var(--onboarding-input-hard-shadow)}.form-group select:focus,.form-group input[type=text]:focus,.form-group input[type=date]:focus,.form-group textarea:focus,.custom-course-input:focus{outline:none;border-color:var(--onboarding-input-focus-border)!important;box-shadow:var(--onboarding-input-focus-hard-shadow);transform:translateY(-1px)}.onboarding-page .form-group.custom-subject-input{display:flex;flex-direction:column;align-items:stretch;width:100%}.custom-subject-controls{display:flex;width:100%;gap:1rem}.custom-subject-controls input{flex:1}.add-custom-btn,.add-custom-course-btn,.cancel-custom-course-btn,.welcome-button,.back-button-onboard,.next-button,.finish-button{font-weight:600;border:none;border-radius:30px;padding:.9rem 1.5rem;cursor:pointer;transition:all var(--onboarding-transition-duration) var(--onboarding-transition-timing-function);white-space:nowrap;text-transform:uppercase;letter-spacing:.8px;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--onboarding-shadow-hard-offset-x) var(--onboarding-shadow-hard-offset-y) var(--onboarding-shadow-hard-blur) var(--onboarding-button-default-shadow-color)}.add-custom-btn:hover,.add-custom-course-btn:hover,.cancel-custom-course-btn:hover,.welcome-button:hover,.back-button-onboard:hover,.next-button:hover,.finish-button:hover{transform:var(--onboarding-button-hover-transform);box-shadow:var(--onboarding-shadow-hover-hard-offset-x) var(--onboarding-shadow-hover-hard-offset-y) var(--onboarding-shadow-hard-blur) var(--onboarding-button-default-shadow-color)}.add-custom-btn,.add-custom-course-btn,.next-button,.finish-button,.welcome-button{background-color:var(--onboarding-button-primary-bg);color:var(--onboarding-button-primary-text);box-shadow:var(--onboarding-shadow-hard-offset-x) var(--onboarding-shadow-hard-offset-y) var(--onboarding-shadow-hard-blur) var(--onboarding-button-primary-shadow-color)}.add-custom-btn:hover,.add-custom-course-btn:hover,.next-button:hover,.finish-button:hover,.welcome-button:hover{background-color:var(--onboarding-button-primary-hover-bg);box-shadow:var(--onboarding-shadow-hover-hard-offset-x) var(--onboarding-shadow-hover-hard-offset-y) var(--onboarding-shadow-hard-blur) var(--onboarding-button-primary-shadow-color)}.finish-button{background-color:var(--onboarding-accent-teal);box-shadow:var(--onboarding-shadow-hard-offset-x) var(--onboarding-shadow-hard-offset-y) var(--onboarding-shadow-hard-blur) var(--onboarding-primary-color)}.finish-button:hover{background-color:#18bfa0;box-shadow:var(--onboarding-shadow-hover-hard-offset-x) var(--onboarding-shadow-hover-hard-offset-y) var(--onboarding-shadow-hard-blur) var(--onboarding-primary-color)}.back-button-onboard,.cancel-custom-course-btn{background-color:var(--onboarding-button-default-bg);color:var(--onboarding-button-default-text);box-shadow:var(--onboarding-shadow-hard-offset-x) var(--onboarding-shadow-hard-offset-y) var(--onboarding-shadow-hard-blur) var(--onboarding-button-default-shadow-color)}.back-button-onboard:hover,.cancel-custom-course-btn:hover{background-color:var(--onboarding-button-default-hover-bg);box-shadow:var(--onboarding-shadow-hover-hard-offset-x) var(--onboarding-shadow-hover-hard-offset-y) var(--onboarding-shadow-hard-blur) var(--onboarding-button-default-shadow-color)}.add-custom-btn:disabled,.add-custom-course-btn:disabled,.next-button:disabled,.finish-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none;color:#888}.theme-dark .add-custom-btn:disabled,.theme-dark .add-custom-course-btn:disabled,.theme-dark .next-button:disabled,.theme-dark .finish-button:disabled{background-color:#555;color:#999}.custom-subjects-list{width:100%;margin-top:1.5rem;margin-bottom:2.5rem;background-color:var(--onboarding-card-bg-alt);border:var(--onboarding-card-border-width) dashed var(--onboarding-border-color);border-radius:var(--onboarding-card-border-radius);box-shadow:inset 2px 2px 5px #0000000d;padding:1.5rem}.theme-dark .custom-subjects-list{box-shadow:inset 2px 2px 5px #0003}.custom-subjects-list h4{color:var(--onboarding-text-heading);font-size:1.1rem;margin-bottom:1rem;font-weight:600;text-align:center}.custom-subjects-list ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.custom-subject-item{display:inline-flex;align-items:center;background-color:var(--onboarding-card-bg);border:1px solid var(--onboarding-border-color);border-radius:25px;padding:.6rem 1.2rem;color:var(--onboarding-text-main);font-size:.9rem;transition:all var(--onboarding-transition-duration-fast) var(--onboarding-transition-timing-function);box-shadow:1px 1px 0 var(--onboarding-shadow-color)}.custom-subject-item:hover{border-color:var(--onboarding-secondary-color);transform:translateY(-2px) rotate(1deg);box-shadow:2px 2px 0 var(--onboarding-secondary-color)}.custom-subject-item span{margin-right:.8rem;font-weight:500}.remove-custom-subject-btn{background:none;border:none;color:var(--onboarding-text-secondary);cursor:pointer;font-size:1.1rem;transition:all var(--onboarding-transition-duration-fast) ease;padding:.2rem;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;line-height:1}.remove-custom-subject-btn:hover{color:var(--onboarding-accent-red);background-color:#ff6b6b1a;transform:scale(1.1) rotate(10deg)}.subject-card{position:relative}.subject-card .remove-custom-subject-btn{position:absolute;top:8px;right:8px;background-color:var(--onboarding-card-bg);border:1px solid var(--onboarding-border-color);color:var(--onboarding-text-secondary);width:26px;height:26px;font-size:1rem;padding:0;z-index:2}.subject-card .remove-custom-subject-btn:hover{background-color:var(--onboarding-accent-red);border-color:var(--onboarding-accent-red);color:#fff;transform:scale(1.1) rotate(90deg)}.custom-course-input-container{display:flex;flex-direction:column;width:100%;gap:.75rem;padding:var(--onboarding-card-padding);background-color:var(--onboarding-card-bg-alt);border:var(--onboarding-card-border-width) dashed var(--onboarding-secondary-color);border-radius:var(--onboarding-card-border-radius);box-shadow:var(--onboarding-shadow-hard-offset-x) var(--onboarding-shadow-hard-offset-y) var(--onboarding-shadow-hard-blur) var(--onboarding-shadow-color)}.custom-course-input{flex:1;margin-bottom:0}.custom-course-button-group{display:flex;gap:.75rem}.add-custom-course-btn,.cancel-custom-course-btn{flex:1}.add-custom-course-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--onboarding-card-bg-alt);border:var(--onboarding-card-border-width) dashed var(--onboarding-secondary-color)}.add-custom-course-card:hover{border-color:var(--onboarding-primary-color);background-color:var(--onboarding-primary-light-bg)}.add-custom-course-button{background:none;border:none;color:var(--onboarding-secondary-color);font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;transition:color var(--onboarding-transition-duration-fast) ease;width:100%;height:100%;padding:1rem}.add-custom-course-card:hover .add-custom-course-button{color:var(--onboarding-primary-color)}.plus-icon{font-size:2rem;line-height:1;transition:transform var(--onboarding-transition-duration-fast) var(--onboarding-transition-timing-function)}.add-custom-course-card:hover .plus-icon{transform:rotate(90deg) scale(1.1)}.custom-course-card{position:relative;justify-content:space-between}.custom-course-card h3{margin-right:20px}.remove-custom-course-btn{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--onboarding-text-secondary);cursor:pointer;font-size:1.1rem;transition:all var(--onboarding-transition-duration-fast) ease;z-index:2;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;line-height:1}.remove-custom-course-btn:hover{color:var(--onboarding-accent-red);background-color:#ff6b6b1a;transform:scale(1.2) rotate(10deg)}.subject-courses-container{margin-bottom:2.5rem;width:100%;padding:1rem;border-radius:var(--onboarding-card-border-radius);background-color:var(--onboarding-card-bg-alt);border:1px solid var(--onboarding-border-color)}.subject-title{color:var(--onboarding-text-heading);margin-bottom:1.5rem;font-size:1.4rem;font-weight:700;text-align:center;border-bottom:2px dashed var(--onboarding-primary-color);padding-bottom:.5rem;text-shadow:1px 1px 0px var(--onboarding-shadow-color)}.welcome-screen{display:flex;justify-content:center;align-items:center;min-height:60vh;text-align:center}.welcome-content{max-width:600px}.welcome-logo{width:180px;margin-bottom:2rem}.welcome-content h1{font-size:2.8rem;color:var(--onboarding-primary-color);margin-bottom:1rem;font-weight:800;text-shadow:2px 2px 0px var(--onboarding-shadow-color)}.theme-dark .welcome-content h1{text-shadow:2px 2px 0px rgba(0,0,0,.3)}.welcome-content p{font-size:1.1rem;color:var(--onboarding-text-secondary);margin-bottom:1.5rem;line-height:1.6}.welcome-message{font-weight:600;font-size:1.2rem;color:var(--onboarding-text-main);margin-bottom:2.5rem}.welcome-button{padding:1rem 2rem;font-size:1rem}.onboarding-buttons{display:flex;justify-content:space-between;margin-top:2.5rem;gap:1rem}.back-button-onboard{margin-right:auto}.next-button,.finish-button{margin-left:auto}.preferences-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;color:var(--onboarding-text-main)}.loading-spinner{width:50px;height:50px;border:5px solid var(--onboarding-border-color);border-radius:50%;border-top-color:var(--onboarding-primary-color);animation:spin .8s linear infinite;margin-bottom:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-profile-picture-container{display:flex;justify-content:center;align-items:center;margin-bottom:2.5rem}.onboarding-profile-picture-edit{position:relative;width:160px;height:160px}.onboarding-profile-picture,.onboarding-profile-initial-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid var(--onboarding-border-color-strong);box-shadow:0 4px 15px #0000001a;background-color:var(--onboarding-card-bg-alt);display:flex;justify-content:center;align-items:center;transition:all var(--onboarding-transition-duration) ease}.onboarding-profile-initial-avatar span{font-size:4rem;font-weight:700;color:var(--onboarding-primary-color);text-transform:uppercase}.onboarding-change-picture-button{position:absolute;bottom:5px;right:5px;width:44px;height:44px;border-radius:50%;background-color:var(--onboarding-secondary-color);color:#fff;border:3px solid var(--onboarding-card-bg);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all var(--onboarding-transition-duration-fast) ease;box-shadow:0 2px 8px #0003}.onboarding-change-picture-button:hover{transform:scale(1.1) rotate(5deg);background-color:var(--onboarding-secondary-hover)}.onboarding-change-picture-button svg{width:24px;height:24px}.profile-setup-section{display:flex;flex-direction:column;align-items:center;background-color:var(--onboarding-card-bg-alt);border-radius:var(--onboarding-card-border-radius);border:var(--onboarding-card-border-width) solid var(--onboarding-border-color);padding:2.5rem 1.5rem;margin-bottom:2.5rem;box-shadow:var(--onboarding-shadow-hard-offset-x) var(--onboarding-shadow-hard-offset-y) var(--onboarding-shadow-hard-blur) var(--onboarding-shadow-color)}.profile-setup-section .onboarding-profile-picture-container{margin-bottom:1.5rem}.profile-setup-section .form-group{width:100%;max-width:300px;margin-bottom:0}.profile-setup-section .form-group label{text-align:center;display:block}.profile-setup-section .form-group input[type=text]{text-align:center;background-color:var(--onboarding-input-bg);color:var(--onboarding-input-text);border:2px solid var(--onboarding-input-border);box-shadow:var(--onboarding-input-hard-shadow)}.theme-dark .profile-setup-section .form-group input[type=text]{background-color:var(--onboarding-bg)!important;color:var(--text-main-dark)!important;border-color:var(--onboarding-input-border)}@media (max-width: 768px){.onboarding-container{padding:2rem}.learning-styles-grid,.subjects-grid,.days-grid,.courses-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.step-line{width:40px}.step-content h2{font-size:1.8rem}.welcome-content h1{font-size:2.4rem}}@media (max-width: 480px){.onboarding-page{padding:1rem}.onboarding-container{padding:1.5rem;border-radius:12px;transform:none}.learning-styles-grid,.subjects-grid,.days-grid,.courses-grid{grid-template-columns:1fr;gap:.8rem}.step-line{width:25px}.welcome-content h1{font-size:2rem}.welcome-content p{font-size:1rem}.onboarding-buttons{flex-direction:column-reverse;gap:1rem}.back-button-onboard,.next-button,.finish-button{width:100%;margin-left:0;margin-right:0;padding:.9rem 1.2rem;font-size:.95rem}}.custom-course-input-card{grid-column:1 / -1}.onboarding-separator{text-align:center;margin:20px 0;color:#888;font-weight:500}.help-icon{margin-left:8px;cursor:pointer;color:#aaa;vertical-align:middle}.quick-save-button{position:absolute;top:0;right:0;background-color:var(--onboarding-accent-teal);color:#fff;padding:.75rem 1.2rem;border-radius:25px;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;transition:all var(--onboarding-transition-duration-fast) var(--onboarding-transition-timing-function);box-shadow:0 4px 12px #0000001a,2px 2px 0 var(--onboarding-primary-color)}.quick-save-button:hover{background-color:#1f806e;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 15px #00000026,3px 3px 0 var(--onboarding-primary-color)}.quick-save-button:disabled{background-color:#ccc;color:#888;cursor:not-allowed;transform:none;box-shadow:none}.theme-dark .quick-save-button{background-color:var(--onboarding-accent-teal);box-shadow:0 4px 12px #0003,2px 2px 0 var(--onboarding-primary-color)}.theme-dark .quick-save-button:hover{background-color:#18bfa0;box-shadow:0 6px 15px #0000004d,3px 3px 0 var(--onboarding-primary-color)}.theme-dark .quick-save-button:disabled{background-color:#555;color:#999}.subject-card h3{font-size:1.1rem;font-weight:600;margin:0;transition:color .2s}.subject-card .selected-courses-count{font-size:.8rem;font-weight:500;color:var(--onboarding-accent-color);margin-top:4px;transition:opacity .2s;opacity:0}.dark-theme .subject-card .selected-courses-count{color:var(--onboarding-accent-color)}.subject-card.selected .selected-courses-count{opacity:1}.course-selection-modal-content{max-height:90vh;display:flex;flex-direction:column}.course-selection-modal-header{position:relative;padding:1.5rem 2rem;border-bottom:1px solid var(--onboarding-border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.dark-theme .course-selection-modal-header{border-bottom:1px solid var(--onboarding-border-color-strong)}.course-selection-modal-header:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:50px;height:5px;background-color:var(--onboarding-border-color);border-radius:10px;z-index:1}.dark-theme .course-selection-modal-header:before{background-color:var(--onboarding-border-color-strong)}.course-selection-modal-header h2{font-size:1.5rem;margin:0;color:var(--onboarding-text-heading)}.course-selection-modal-close-btn{background:var(--onboarding-card-bg);border:1px solid var(--onboarding-border-color);color:var(--onboarding-text-secondary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative;z-index:2}.dark-theme .course-selection-modal-close-btn{background:var(--onboarding-card-bg-alt);border-color:var(--onboarding-border-color-strong);color:var(--onboarding-text-secondary)}.onboarding-theme-toggle-container{width:100%;margin-top:2rem;padding:1rem;border:1px solid var(--onboarding-border-color);border-radius:12px;background-color:var(--onboarding-card-bg-alt);display:flex;flex-direction:column;align-items:center;gap:.8rem}.dark-theme .onboarding-theme-toggle-container{background-color:var(--onboarding-card-bg-alt);border-color:var(--onboarding-border-color-strong)}.onboarding-theme-toggle-container p{margin:0;font-weight:500;font-size:.95rem;color:var(--onboarding-text-secondary)}.theme-toggle-controls{display:flex;background-color:var(--onboarding-card-bg);border-radius:20px;padding:4px;border:1px solid var(--onboarding-border-color)}.dark-theme .theme-toggle-controls{background-color:var(--onboarding-card-bg-alt);border-color:var(--onboarding-border-color-strong)}.theme-toggle-controls .theme-toggle{padding:8px 16px;border:none;background-color:transparent;cursor:pointer;border-radius:16px;display:flex;align-items:center;gap:6px;color:var(--onboarding-text-secondary);transition:all .3s ease}.theme-toggle-controls .theme-toggle.active{background-color:var(--onboarding-primary-color);color:#fff;box-shadow:0 2px 8px rgba(var(--onboarding-primary-color),.3)}.dark-theme .theme-toggle-controls .theme-toggle.active{background-color:var(--onboarding-secondary-color);color:var(--onboarding-card-bg);box-shadow:0 2px 8px rgba(var(--onboarding-secondary-color),.3)}.theme-toggle-controls .theme-toggle:not(.active):hover{background-color:var(--onboarding-card-bg-alt)}.dark-theme .theme-toggle-controls .theme-toggle:not(.active):hover{background-color:var(--onboarding-card-bg-alt)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#22203566;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center}.theme-dark .modal-backdrop{background-color:#0a081780}.modal-panel{background-color:var(--onboarding-card-bg);padding:2.5rem 3rem;border-radius:var(--onboarding-card-border-radius);border:var(--onboarding-card-border-width) solid var(--onboarding-border-color);box-shadow:0 10px 30px #0003,var(--onboarding-shadow-hover-hard-offset-x) var(--onboarding-shadow-hover-hard-offset-y) var(--onboarding-shadow-hard-blur) var(--onboarding-shadow-hover-color);max-width:90vw;width:800px;max-height:90vh;overflow-y:auto;position:relative;display:flex;flex-direction:column}.modal-panel::-webkit-scrollbar{width:10px}.modal-panel::-webkit-scrollbar-track{background:var(--onboarding-card-bg-alt);border-radius:10px}.modal-panel::-webkit-scrollbar-thumb{background-color:var(--onboarding-border-color-strong);border-radius:10px;border:2px solid var(--onboarding-card-bg-alt)}.modal-panel::-webkit-scrollbar-thumb:hover{background-color:var(--onboarding-primary-color)}.modal-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px dashed var(--onboarding-border-color)}.modal-header h2{font-size:2rem;color:var(--onboarding-text-heading);margin:0;font-weight:700;letter-spacing:-.5px}.modal-header h2 .subject-name{color:var(--onboarding-primary-color);font-weight:800;text-decoration:underline;text-decoration-color:var(--onboarding-secondary-color);text-decoration-style:wavy;text-underline-offset:6px}.theme-dark .modal-header h2 .subject-name{text-decoration-color:var(--onboarding-secondary-hover)}.modal-header p{margin-top:.5rem;color:var(--onboarding-text-secondary);font-size:1.05rem}.modal-close-button{position:absolute;top:20px;right:20px;background-color:var(--onboarding-button-default-bg);border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--onboarding-button-default-text);transition:all var(--onboarding-transition-duration-fast) ease-in-out;box-shadow:0 2px 5px #0000001a;z-index:10}.modal-close-button:hover{background-color:var(--onboarding-accent-red);color:#fff;transform:scale(1.1) rotate(90deg)}.modal-content{padding:.5rem}.modal-footer{margin-top:auto;border-top:2px dashed var(--onboarding-border-color);text-align:center;flex-shrink:0;margin-left:-3rem;margin-right:-3rem;padding:1.5rem 3rem 1rem}.modal-footer p{margin:0;font-size:.9rem;color:var(--onboarding-text-secondary);font-style:italic}@media (max-width: 768px){.modal-backdrop{align-items:flex-end}.modal-panel{width:100%;max-width:100%;height:90vh;max-height:90vh;border-radius:24px 24px 0 0;border-bottom:none;padding:1.5rem;margin-bottom:-80px;overflow-x:hidden}.modal-header h2{font-size:1.5rem}.modal-header p{font-size:.95rem}.modal-close-button{top:15px;right:15px;width:36px;height:36px}}:root{--sidebar-font-size: 20px;--content-base: 16px;--bg-main: white;--bg-primary: #f7f7f9;--bg-secondary: #ffffff;--bg-tertiary: #f7f7f9;--text-main: black;--text-primary: #111827;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--text-muted: #9CA3AF;--border-color: #e2e8f0;--card-shadow: rgba(0, 0, 0, .1);--hover-bg: rgba(0, 0, 0, .05);--tinted-primary-color: #1c1947;--primary-color-shaded: #141147;--primary-hover: #635dff;--washed-primary: #818cf8;--dashboard-card-border-radius: 20px;--dashboard-card-border: 2px solid var(--text-primary);--dashboard-card-shadow: 3px 3px 0px var(--tinted-border-color);--dashboard-card-hover-shadow: 6px 6px 0px var(--tinted-primary-color);--dashboard-card-transition: all .3s cubic-bezier(.175, .885, .32, 1.275);--dashboard-card-hover-transform: translateY(-5px) rotate(-.5deg);--button-primary-bg: #e0e0e0;--button-primary-hover: #b0b0b0;--button-secondary-bg: #e0e0e0;--button-secondary-hover: #b0b0b0;--border-color-assignment: #6B7280;--dashboard-wallpaper: url(/wallpapers/wallpaper_white.png);--background-color: #f9fafb;--background-color-rgb: 249, 250, 251;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-color: #e5e7eb;--tinted-border-color: #404040;--primary-color: #4f46e5;--primary-color-rgb: 79, 70, 229;--primary-hover: #4338ca;--hover-bg: rgba(0, 0, 0, .03);--error-color: #ff6b6b;--warning-color: #4e1d1d;--card-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--card-shadow-hover: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}.theme-dark .dashboard-page,.dark-theme .dashboard-page{--bg-primary-dark: #121212;--bg-secondary-dark: #1e1e1e;--bg-tertiary-dark: #2b2b2b;--primary-color-shaded: #141147;--text-main-dark: #ffffff;--text-primary-dark: #e0e0e0;--text-secondary-dark: #b0b0b0;--text-body-dark: #d0d0d0;--text-heading-dark: #ffffff;--text-muted-dark: #808080;--text-tertiary-dark: #b0b0b0;--border-color-dark: #404040;--border-color-light: #e0e0e0;--accent-color-dark: #514aca;--accent-color-dark-hover: #635dff;--accent-color-dark-tinted: #3e3c58;--accent-color-hover-dark: #57557a;--button-secondary-bg-dark: #404040;--button-secondary-text-dark: #e0e0e0;--button-secondary-hover-bg-dark: #505050;--header-bg-dark: #1e1e1e;--input-bg-dark: #2b2b2b;--input-text-dark: #e0e0e0;--button-disabled-bg-dark: #333333;--error-color-dark: #ff6b6b;--warning-color-dark: #2e1313;--error-bg-dark: rgba(255, 107, 107, .2);--skeleton-bg-dark: #3a3a3a;--skeleton-shimmer-dark: rgba(255,255,255,.1);--spinner-bg-color-dark: #3a3a3a;--success-color-dark: #5cb85c;--hover-bg-dark: rgba(255, 255, 255, .05);--blockquote-bg-dark: #252526;--code-block-bg-dark: #1a1a1a;--code-block-text-dark: #cccccc;--code-inline-bg-dark: #3a3a3a;--code-inline-text-dark: #c3e88d;--card-shadow-dark: 0 4px 12px rgba(0,0,0,.4);--dashboard-card-border-dark: 2px solid var(--text-primary-dark);--dashboard-card-shadow-dark: 3px 3px 0px var(--accent-color-dark-tinted);--dashboard-card-hover-shadow-dark: 6px 6px 0px var(--accent-color-hover-dark);--background-color: #0f172a;--background-color-rgb: 15, 23, 42;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #334155;--primary-color: #818cf8;--washed-darker: #535ba5;--primary-color-rgb: 129, 140, 248;--primary-hover: #a7b0fb;--hover-bg: rgba(255, 255, 255, .05);--card-shadow: 0 4px 6px -1px rgb(0 0 0 / .2), 0 2px 4px -2px rgb(0 0 0 / .2);--card-shadow-hover: 0 10px 15px -3px rgb(0 0 0 / .2), 0 4px 6px -4px rgb(0 0 0 / .2);--dashboard-wallpaper: url(/wallpapers/wallpaper_dark.png)}.dashboard-page{display:flex;min-height:100vh;font-family:DM Sans,Arial,sans-serif;position:relative;background-color:var(--dashboard-bg, #f0f2f5)}.dashboard-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:var(--dashboard-wallpaper);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;z-index:0;opacity:.1;filter:blur(1px)}.theme-dark .dashboard-page:before{background-image:url(/wallpapers/wallpaper_dark.png);opacity:.4}.theme-dark .dashboard-page{background-color:#000}.dashboard-main{width:80%}.dashboard-content{flex:1;padding:2rem 12rem;margin-left:250px;transition:margin-left .3s ease;position:relative;z-index:1;background-color:transparent}.dashboard-content.content-blurred{filter:blur(4px);pointer-events:none}.dashboard-content::-webkit-scrollbar{width:6px}.dashboard-content::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}.dashboard-content::-webkit-scrollbar-thumb{background-color:#0003}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0 1rem;margin-bottom:1rem;background:transparent!important;background-color:transparent!important;border:none;border-bottom:none;box-shadow:none}.theme-dark .dashboard-header,.dark-theme .dashboard-header{background:transparent!important;background-color:transparent!important;color:var(--text-primary);border-bottom:none}.welcome-greeting{padding:20px 0;text-align:center;position:relative;z-index:1}.welcome-greeting h1{font-size:4rem!important;padding:20px;font-weight:800;margin-top:10px;margin-bottom:10px;line-height:1.1;color:var(--text-heading, var(--text-primary));text-shadow:2px 2px 4px rgba(0,0,0,.1);animation:fade-in .8s ease-out forwards}.theme-dark .welcome-greeting h1{color:var(--text-heading-dark, var(--text-primary-dark));text-shadow:2px 2px 4px rgba(0,0,0,.3)}.welcome-greeting h1:after{content:"";display:block;width:80px;height:4px;background:linear-gradient(to right,var(--primary-color),var(--primary-hover));margin:10px auto 0;border-radius:2px;opacity:.8}.theme-dark .welcome-greeting h1:after{background:linear-gradient(to right,var(--accent-color-dark),var(--accent-color-hover-dark));opacity:.9}@media (max-width: 768px){.dashboard-page{overflow-x:hidden}.dashboard-header{flex-direction:column;align-items:center;text-align:center}.dashboard-header h1{font-size:2.4rem;margin-bottom:1rem}.dashboard-header .user-profile{margin-top:1rem}}.dashboard-content h1{font-size:var(--header-size)}.dashboard-content h2{font-size:var(--title-size)}.dashboard-content h3{font-size:var(--subtitle-size)}.dashboard-content p,.dashboard-content span,.dashboard-content div:not(.dashboard-sidebar *){font-size:inherit}.dashboard-content button,.dashboard-content input,.dashboard-content select{font-size:inherit}.user-profile{display:flex;align-items:center;gap:10px}.user-name{font-weight:500;color:var(--text-secondary)}.user-avatar{width:40px;height:40px;background-color:#041137;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:.875rem;overflow:hidden}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-secondary);border-radius:var(--dashboard-card-border-radius);border:var(--dashboard-card-border);padding:1.25rem;text-align:center;transition:var(--dashboard-card-transition);box-shadow:var(--dashboard-card-shadow);position:relative;overflow:hidden}.theme-dark .stat-card{background:var(--bg-secondary-dark);border:var(--dashboard-card-border-dark);box-shadow:var(--dashboard-card-shadow-dark);color:var(--text-primary-dark)}.theme-dark .stat-card h3{color:var(--text-heading-dark)}.stat-card:hover{transform:var(--dashboard-card-hover-transform);box-shadow:var(--dashboard-card-hover-shadow)}.theme-dark .stat-card:hover{transform:var(--dashboard-card-hover-transform);box-shadow:var(--dashboard-card-hover-shadow-dark)}.stat-value{font-size:2.25rem;font-weight:700}.stat-label{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.theme-dark .stat-label{color:var(--text-secondary-dark)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.dashboard-card{background-image:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));padding:1.5rem;border-radius:var(--dashboard-card-border-radius);box-shadow:var(--dashboard-card-shadow);margin-bottom:1.5rem;transition:var(--dashboard-card-transition);border:var(--dashboard-card-border);position:relative}.theme-dark .dashboard-card{background-image:linear-gradient(135deg,var(--bg-secondary-dark),var(--bg-tertiary-dark));color:var(--text-primary-dark);border-color:var(--text-muted-dark)!important;box-shadow:var(--dashboard-card-shadow-dark);border:var(--dashboard-card-border-dark)}.dashboard-card:hover{transform:var(--dashboard-card-hover-transform);box-shadow:var(--dashboard-card-hover-shadow)}.theme-dark .dashboard-card:hover{box-shadow:var(--dashboard-card-hover-shadow-dark)}.dashboard-card h2{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.assignments-list,.progress-list,.goals-list,.events-list,.activity-list,.suggested-list{display:flex;flex-direction:column;gap:12px;flex:1}.assignment-item,.progress-item,.goal-item,.event-item,.activity-item,.suggested-item{padding:12px;border-radius:15px!important;background-color:var(--bg-primary);transition:all .2s ease;border:1px solid var(--border-color);opacity:.8}.theme-dark .assignment-item,.theme-dark .progress-item,.theme-dark .goal-item,.theme-dark .event-item,.theme-dark .suggested-item{background-color:var(--bg-secondary-dark)!important;border-color:var(--border-color-dark)!important;opacity:1!important}.theme-dark .assignment-item:hover,.theme-dark .progress-item:hover,.theme-dark .goal-item:hover{background-color:var(--hover-bg)!important}.assignment-item:hover,.progress-item:hover,.goal-item:hover{background-color:var(--hover-bg)}.assignment-info h4,.progress-info h4,.event-details h4,.activity-details h4,.suggested-details h4{font-size:16px;font-weight:500;margin:0 0 4px;color:var(--text-main)}.theme-dark .assignment-info h4,.theme-dark .progress-info h4,.theme-dark .event-details h4,.theme-dark .activity-details h4,.theme-dark .suggested-details h4{color:var(--text-main-dark)}.assignment-info p,.event-details p,.activity-details p,.suggested-details p{display:none;font-size:14px;color:var(--text-main-dark);margin:0}.theme-dark .assignment-info p,.theme-dark .event-details p,.theme-dark .activity-details p,.theme-dark .suggested-details p{color:var(--text-main-dark)!important}.assignment-due{font-size:13px;color:var(--accent-color, #F59E0B);font-weight:500;margin-top:8px}.theme-dark .assignment-due{color:var(--accent-color-dark)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;color:var(--text-secondary);flex:1}.empty-state svg{margin-bottom:12px;opacity:.6}.empty-state p{font-size:15px;margin-bottom:16px}.theme-dark .event-button{background-color:var(--bg-primary-dark);background:var(--bg-primary-dark);border-color:var(--border-color-dark)}.dashboard-link{color:var(--primary-color, #4F46E5);font-weight:500;text-decoration:none;font-size:14px;display:inline-flex;align-items:center;gap:6px}.theme-dark .dashboard-link{color:var(--accent-color-dark, #4F46E5)}.dashboard-link:hover{text-decoration:underline}.goal-item{display:flex;align-items:flex-start;gap:12px;cursor:pointer;transition:background-color .2s ease;padding:12px 16px;border-radius:8px}.goal-item:hover{background-color:var(--hover-bg)}.goal-checkbox{width:20px;height:20px;border-radius:4px;border:2px solid var(--checkbox-border, #D1D5DB);display:flex;align-items:center;justify-content:center;background-color:var(--checkbox-bg, white);flex-shrink:0;margin-top:2px}.goal-item.completed .goal-checkbox{background-color:var(--success-color, #10B981);border-color:var(--success-color, #10B981);color:#fff}.goal-item.completed .goal-text{text-decoration:line-through;color:var(--text-muted)}.goal-text{font-size:15px;color:var(--text-primary);line-height:1.4}.event-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:8px;background-color:var(--bg-primary);border-left:4px solid transparent;border:1px solid var(--border-color)}.event-item.study{border-left-color:var(--zoom-color, #2D8CFF)}.event-item.quiz{border-left-color:var(--quiz-color, #F43F5E)}.event-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background-color:rgba(var(--accent-color-rgb, 79, 70, 229),.1);color:var(--accent-color, #4f46e5);flex-shrink:0}.event-item.study .event-icon{color:var(--zoom-color, #2D8CFF);background-color:#2d8cff1a}.event-item.quiz .event-icon{color:var(--quiz-color, #F43F5E);background-color:#f43f5e1a}.event-details{flex:1}.event-details h4{font-size:15px;font-weight:500;margin:0 0 4px;color:var(--text-primary)}.event-details p{font-size:13px;color:var(--text-secondary);margin:0}.event-action button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background-color:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color)}.event-action button:hover{background-color:var(--primary-color, #4F46E5);color:#fff}.card-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--divider-color, #E5E7EB);display:flex;justify-content:center}.link-button{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--primary-color, #4F46E5);font-size:14px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:6px;transition:background-color .2s ease}.link-button:hover{background-color:#4f46e514}.activity-item{display:flex;align-items:flex-start;gap:14px;padding:14px;border-radius:8px;background-color:var(--bg-primary);border:1px solid var(--border-color);margin-bottom:10px;transition:all .2s ease}.activity-item h4{color:var(--text-primary)!important}.theme-dark .activity-item,.dark-theme .activity-item{background-color:var(--bg-tertiary-dark)!important;border:1px solid var(--border-color-dark, #404040)!important;box-shadow:0 1px 3px #0006;opacity:1!important}.activity-item:hover{transform:translateY(-2px);border-color:var(--primary-color, #4a6bfb);box-shadow:0 4px 12px #0000001a}.theme-dark .activity-item:hover,.dark-theme .activity-item:hover{background-color:var(--hover-bg, rgba(255, 255, 255, .03));border-color:var(--accent-color-dark);box-shadow:0 4px 12px #0000004d}.activity-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background-color:rgba(var(--accent-color-rgb, 79, 70, 229),.1);color:var(--accent-color, #4f46e5);flex-shrink:0}.theme-dark .activity-icon,.dark-theme .activity-icon{background-color:rgba(var(--accent-color-dark-rgb, 79, 70, 229),.15);color:var(--accent-color-dark, #4f46e5)}.activity-details h4{font-size:15px;font-weight:500;margin:0 0 4px;color:var(--text-primary-dark, #e0e0e0)}.activity-details p{font-size:13px;color:var(--text-secondary-dark, #b0b0b0);margin:0}.theme-dark .activity-details h4,.dark-theme .activity-details h4{color:var(--text-primary-dark, #e0e0e0)}.theme-dark .activity-details p,.dark-theme .activity-details p{color:var(--text-secondary-dark, #b0b0b0)}.suggested-item{display:flex;align-items:center;gap:14px;padding:14px;border-radius:8px;background-color:var(--bg-primary);transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--border-color)}.suggested-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.suggested-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background-color:var(--bulb-bg, rgba(245, 158, 11, .1));color:var(--bulb-color, #F59E0B);flex-shrink:0}.suggested-details{flex:1}.suggested-details h4{font-size:15px;font-weight:500;margin:0 0 4px;color:var(--text-primary)}.suggested-details p{font-size:13px;color:var(--text-secondary);margin:0 0 6px}.suggested-course{font-size:12px;color:var(--text-muted, #9CA3AF);background-color:var(--tag-bg, #F3F4F6);padding:2px 8px;border-radius:12px}.suggested-action{flex-shrink:0}.suggested-button{display:inline-flex;align-items:center;gap:6px;background-color:var(--primary-color)!important;background:var(--primary-color)!important;color:#fff;border:none;font-size:13px;font-weight:500;padding:8px 12px;border-radius:15px;cursor:pointer;transition:background-color .2s ease}.suggested-button:hover{background-color:var(--primary-color)!important}.caught-up-section{background-color:var(--bg-secondary);border-radius:16px;padding:40px 20px;text-align:center;margin-top:20px;margin-bottom:40px;border:1px solid var(--border-color)}.caught-up-icon{margin-bottom:20px;display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background-color:#fff;box-shadow:0 10px 25px #4f46e533}.caught-up-section h2{font-size:24px;font-weight:700;margin-bottom:10px;color:var(--text-primary)}.caught-up-section p{font-size:16px;color:var(--text-secondary);margin-bottom:24px;max-width:500px;margin-left:auto;margin-right:auto}.caught-up-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.primary-button{display:inline-flex;align-items:center;gap:8px;background-color:var(--primary-color, #4F46E5);color:#fff;border:none;font-size:14px;font-weight:500;padding:10px 20px;border-radius:8px;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.primary-button:hover{background-color:var(--primary-dark, #4338CA);transform:translateY(-2px)}.secondary-button{display:inline-flex;align-items:center;gap:8px;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);font-size:14px;font-weight:500;padding:10px 20px;border-radius:8px;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.secondary-button:hover{background-color:var(--hover-bg);transform:translateY(-2px)}.view-all-link,.view-all-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--primary-color, #4a6bfb);font-size:.9rem;font-weight:500;text-decoration:none;padding:8px 16px;border-radius:6px;transition:all .2s ease;background:transparent;border:none}.view-all-link:hover,.view-all-button:hover{background-color:#4a6bfb1a}.view-all-link svg,.view-all-button svg{transition:transform .2s ease}.view-all-link:hover svg,.view-all-button:hover svg{transform:translate(3px)}.view-all-assignments,.view-all-link-container{margin-top:16px;padding-top:16px;border-top:1px solid var(--divider-color, #E5E7EB);display:flex;justify-content:center}.theme-dark .view-all-assignments,.theme-dark .view-all-link-container,.dark-theme .view-all-assignments,.dark-theme .view-all-link-container{border-top-color:var(--border-color)}.theme-dark .view-all-link,.theme-dark .view-all-button,.dark-theme .view-all-link,.dark-theme .view-all-button{color:var(--accent-color-dark, #4c6ef5)}.theme-dark .view-all-link:hover,.theme-dark .view-all-button:hover,.dark-theme .view-all-link:hover,.dark-theme .view-all-button:hover{background-color:#4c6ef526;color:var(--primary-color, #4c6ef5)}.refreshing .spin{animation:spin 1s linear infinite}.secondary-button:disabled{opacity:.7;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.goal-modal{background-color:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 25px #0003}.goal-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:var(--border-color)}.goal-modal-header h2{margin:0;font-size:1.25rem;color:#333}.goal-modal-content{padding:20px;overflow-y:auto;flex:1}.goal-modal-content p{margin-top:0;margin-bottom:16px;color:#666;font-size:.9rem}.goal-input-container{display:flex;gap:10px;margin-bottom:20px}.goal-input{flex:1;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:.95rem;transition:border-color .2s}.goal-input:focus{outline:none;border-color:#4a6bfb}.add-goal-button{display:flex;align-items:center;gap:6px;padding:0 16px;background-color:#4a6bfb;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s}.add-goal-button:hover{background-color:#3a5be0}.add-goal-button:disabled{background-color:#b0bec5;cursor:not-allowed}.done-button{background-color:var(-)}.theme-dark .done-button{background-color:var(--button-secondary-bg-dark);border-color:var(--border-color-dark);padding:6px;border-radius:10px;color:var(--text-body-dark);transition:all .3s ease}.theme-dark .done-button:hover{background-color:var(--button-secondary-bg-dark, #3a3f4d);border-color:var(--border-color-dark, #5a6072);transform:translateY(-2px);box-shadow:0 4px 8px #0003;color:var(--text-body-dark-hover, #ffffff)}.theme-light .done-button{background-color:var(--button-secondary-bg-light, #f0f2f5);border-color:var(--border-color-light, #d1d5db);padding:6px;border-radius:10px;color:var(--text-body-light, #1f2937);transition:all .3s ease}.theme-light .done-button:hover{background-color:var(--button-secondary-bg-light-hover, #e5e7eb);border-color:var(--border-color-light-hover, #9ca3af);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;color:var(--text-body-light-hover, #111827)}.goals-list-modal{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.no-goals-message{text-align:center;padding:30px 0;color:#888;font-style:italic}.goal-modal-footer{padding:16px 20px;border-top:1px solid #eef1f6;display:flex;justify-content:flex-end}.theme-dark .goal-modal-footer{border-top:var(--border-color-dark)}.close-modal-button{padding:10px 20px;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-weight:500;cursor:pointer;transition:all .2s}.close-modal-button:hover{background-color:#e2e8f0}.theme-dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--card-shadow: rgba(0, 0, 0, .3);--hover-bg: rgba(255, 255, 255, .05);--dashboard-wallpaper: url(/wallpapers/wallpaper_dark.png)}.theme-dark .goal-modal{background-color:var(--bg-secondary-dark)}.theme-dark .goal-modal-header{border-bottom-color:var(--border-color-dark)}.theme-dark .goal-modal-header h2{color:var(--text-primary)}.theme-dark .goal-modal-content p{color:var(--text-secondary)}.theme-dark .goal-input{background-color:var(--bg-primary-dark)!important;color:var(--text-primary-dark)!important;border-color:var(--border-color-dark)!important}.theme-dark .no-goals-message{color:var(--text-muted)}.theme-dark .close-modal-button{background-color:var(--bg-primary-dark)!important;color:var(--text-primary);border-color:var(--border-color)}.theme-dark .goal-input,.dark-theme .goal-input,.theme-dark .close-modal-button,.dark-theme .close-modal-button{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}.theme-dark .add-goal-button:disabled,.dark-theme .add-goal-button:disabled{background-color:var(--bg-tertiary-dark);color:#8b96a6}.theme-dark .suggested-course,.dark-theme .suggested-course{background-color:var(--button-secondary-bg-dark);color:var(--text-secondary-dark);border:1px solid var(--border-color-dark)}.theme-dark .link-button,.dark-theme .link-button{color:var(--accent-color-dark, #4c6ef5)}.theme-dark .link-button:hover,.dark-theme .link-button:hover{background-color:#4c6ef526}.theme-dark .caught-up-section,.dark-theme .caught-up-section{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark)}.theme-dark .primary-button,.dark-theme .primary-button{background-color:var(--primary-color, #4c6ef5)}.theme-dark .primary-button:hover,.dark-theme .primary-button:hover{background-color:#3b5bdb}.theme-dark .secondary-button,.dark-theme .secondary-button{background-color:var(--bg-primary-dark);color:var(--text-primary-dark);border-color:var(--border-color-dark)}.theme-dark .secondary-button:hover,.dark-theme .secondary-button:hover{background-color:var(--hover-bg)}.theme-dark .goal-checkbox,.dark-theme .goal-checkbox{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark)}.sign-out-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:15px;background:var(--bg-primary, #f8f9fa);color:var(--text-secondary, #6B7280);cursor:pointer;transition:all .3s ease;margin-left:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;border:1px solid var(--border-color, #e2e8f0)}.sign-out-button:hover{transform:translateY(-2px);background-color:var(--hover-bg, #f1f3f5);color:var(--primary-color, #4a6bfb);box-shadow:0 3px 6px #00000026}.sign-out-button:active{transform:translateY(0)}.sign-out-button svg{transition:transform .3s ease;font-size:18px}.theme-dark .sign-out-button,.dark-theme .sign-out-button{background-color:var(--bg-secondary-dark, #1e293b);color:var(--text-secondary-dark, #cbd5e1);border-color:var(--border-color-dark, #334155)}.theme-dark .sign-out-button:hover,.dark-theme .sign-out-button:hover{background-color:var(--hover-bg, rgba(255, 255, 255, .05));color:var(--primary-color, #4c6ef5)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirmation-modal{background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #0003;padding:0;width:90%;max-width:400px;overflow:hidden}.modal-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #eef1f6}.modal-content{padding:20px;max-height:50vh}.modal-actions{display:flex;justify-content:flex-end;padding:16px 20px;border-top:1px solid #eef1f6;gap:12px}.modal-button{padding:8px 16px;border-radius:6px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease;min-width:80px;border:none}.modal-button.primary{background-color:#4a6bfb;color:#fff}.modal-button.primary:hover{background-color:#3b5beb}.theme-dark .confirmation-modal{background-color:var(--bg-secondary-dark);box-shadow:0 8px 30px #0006}.theme-dark .warning-icon{color:#fbbf24}.theme-dark .modal-button.secondary{background-color:transparent;border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.theme-dark .confirmation-modal{background-color:var(--bg-secondary-dark)}.theme-dark .modal-header{border-bottom-color:var(--border-color-dark);background-color:var(--bg-tertiary-dark)}.theme-dark .modal-header h3{color:var(--text-primary-dark)}.theme-dark .close-modal-button{color:var(--text-muted-dark)}.theme-dark .close-modal-button:hover{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark)}.theme-dark .modal-content p{color:var(--text-secondary-dark)}.theme-dark .modal-actions{border-top-color:var(--border-color-dark)}.theme-dark .modal-button.secondary{border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.theme-dark .modal-button.secondary:hover{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark)}.theme-dark .modal-button.primary{background-color:var(--accent-color-dark)}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;width:100%;text-align:center;background-color:transparent!important}.dashboard-loading p{color:var(--text-secondary, #6B7280);margin-top:20px;font-size:16px;font-weight:500}.loading-spinner-dashboard{width:50px;height:50px;border:4px solid rgba(74,107,251,.2);border-top:4px solid var(--primary-color, #4a6bfb);border-radius:50%;animation:spin 1s linear infinite}.theme-dark .dashboard-loading p,.dark-theme .dashboard-loading p{color:var(--text-secondary, #cbd5e1)}.theme-dark .loading-spinner-dashboard,.dark-theme .loading-spinner-dashboard{border-color:#4c6ef533;border-top-color:var(--primary-color, #4c6ef5)}.ai-recommendation-card{background:linear-gradient(120deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-radius:16px;border:1px solid var(--border-color);overflow:hidden;margin-bottom:30px;position:relative}.ai-recommendation-header{background-color:var(--primary-color, #4a6bfb);padding:18px 24px;display:flex;justify-content:space-between;align-items:center;color:#fff}.ai-recommendation-header .refresh-button{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.ai-recommendation-body{padding:24px;font-size:1rem;line-height:1.7;position:relative}.sparkle{position:absolute;background-color:#fff;width:5px;height:5px;border-radius:50%;opacity:0;animation:sparkle 1.5s ease-in-out infinite}.theme-dark .ai-recommendation-card,.dark-theme .ai-recommendation-card{background:linear-gradient(120deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-color:var(--border-color)}.theme-dark .ai-recommendation-header,.dark-theme .ai-recommendation-header{background-color:var(--primary-color, #4c6ef5)}.theme-dark .ai-recommendation-footer,.dark-theme .ai-recommendation-footer{border-top-color:var(--border-color);color:var(--text-secondary)}.sparkle-text{position:relative}.sparkle-text:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);background-size:200% 100%;animation:sparkle-wave 2s linear infinite}@keyframes sparkle-wave{0%{background-position:-200% 0}to{background-position:200% 0}}.recent-activity-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.recent-activity-card .card-header h2{margin:0}.view-activity-graph-btn{background-color:var(--secondary-background-light);color:var(--primary-color);border:1px solid var(--border-color-light);padding:5px 10px;border-radius:6px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:5px;font-size:.8rem;font-weight:500;transition:background-color .2s ease,box-shadow .2s ease}.theme-dark .view-activity-graph-btn{background-color:var(--secondary-background-dark);border-color:var(--border-color-dark);color:var(--accent-color-dark)}.view-activity-graph-btn:hover{background-color:var(--hover-background-light);box-shadow:0 2px 4px #0000001a}.dark-theme .view-activity-graph-btn:hover{background-color:var(--hover-background-dark);box-shadow:0 2px 4px #0003}.view-activity-graph-btn svg{margin-right:3px}.recent-activity-card .activity-list{margin-top:10px}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;background-color:var(--bg-primary, #f7f7f9);z-index:1000;text-align:center;padding:2rem}.spinner-container{position:relative;width:120px;height:120px;margin-bottom:2rem}.loading-spinner-dashboard{position:absolute;width:120px!important;height:60px!important;left:20px;border:5px solid rgba(0,0,0,.05);border-top:5px solid var(--accent-color, #4a6bfb);border-radius:50%;animation:spin 1.5s linear infinite}.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;background-color:var(--bg-primary, #f7f7f9);z-index:1000;text-align:center;padding:2rem}@media (max-width: 480px){.dashboard-main{width:110%}.dashboard-content{padding:1rem;padding-top:60px}.dashboard-header{flex-direction:column;align-items:flex-start}.welcome-greeting{text-align:center;padding:0 0 1rem}.welcome-greeting h1{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.dashboard-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1rem}.stat-card.active-courses,.stat-card.total-courses{display:none}.dashboard-card{padding:1rem}.dashboard-card.activity-card{display:none}.dashboard-card h2{font-size:1.1rem}.dashboard-card h2,.dashboard-card.suggested-card h2{font-size:1.3rem!important}.dashboard-card.suggested-card h4{font-size:1.1rem!important}.dashboard-card.badges-card{display:none}.assignment-info h4,.progress-info h4,.event-details h4,.activity-details h4,.suggested-details h4{font-size:1.1rem!important}.assignment-info p,.event-details p,.activity-details p,.suggested-details p{font-size:1rem!important}.stat-value{font-size:1.75rem}.stat-label{font-size:.8rem}.assignments-list,.progress-list,.goals-list,.events-list,.activity-list,.suggested-list{gap:8px}.assignment-item,.progress-item,.goal-item,.event-item,.activity-item,.suggested-item{padding:8px}.dark-theme .progress-item,.dark-theme .assignment-item{background-color:var(--bg-tertiary-dark)!important;background:var(--bg-tertiary-dark)!important}.progress-bar{height:6px}.card-footer{margin-top:10px;padding-top:10px}.link-button,.view-all-link,.view-all-button{font-size:.8rem;padding:5px 8px}.view-all-link svg,.view-all-button svg{width:14px;height:14px}.caught-up-section{padding:16px}.caught-up-section h2{font-size:1.1rem}.caught-up-section p{font-size:.85rem;margin-bottom:16px}.caught-up-actions{gap:8px}.primary-button,.secondary-button{font-size:.85rem;padding:8px 12px}.goal-item .goal-checkbox{width:18px;height:18px}.event-item .event-icon,.activity-item .activity-icon,.suggested-item .suggested-icon{width:30px;height:30px}.suggested-button{font-size:.75rem;padding:6px 10px}.suggested-button svg{width:14px;height:14px}.goal-modal-header h2{font-size:1.1rem}.goal-modal-content p{font-size:.85rem}.goal-input{padding:10px 12px;font-size:.9rem}.add-goal-button{padding:8px 12px}.add-goal-button span{font-size:.85rem}.goals-list-modal{max-height:180px}}@media (max-width: 380px){.dashboard-content{padding:.5rem}.welcome-greeting h1{font-size:2.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:12px}.stat-value{font-size:1.8rem}.stat-label{font-size:.75rem}.dashboard-card h2{font-size:.95rem}.assignment-info h4,.progress-info h4,.event-details h4,.activity-details h4,.suggested-details h4{font-size:.8rem}.assignment-info p,.event-details p,.activity-details p,.suggested-details p,.assignment-due{font-size:.7rem}.caught-up-section h2{font-size:1rem}.caught-up-section p{font-size:.8rem}.primary-button,.secondary-button{font-size:.8rem;padding:6px 10px}.event-item .event-icon svg,.activity-item .activity-icon svg,.suggested-item .suggested-icon svg{width:18px;height:18px}.goal-item .goal-checkbox svg{width:14px;height:14px}}@media (max-width: 1000px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}}@media (max-width: 768px){.hamburger-menu{display:inline-flex;align-items:center;margin-right:.75rem;flex-shrink:0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}.dashboard-content{margin-left:0!important;transition:filter .3s ease-in-out;padding-top:60px!important;overflow-x:hidden}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem;width:100%;box-sizing:border-box}.dashboard-header h1{font-size:1.15rem;margin:0 .5rem;white-space:nowrap;flex-grow:1;text-align:center;overflow:hidden;text-overflow:ellipsis}.general-title h3{color:var(--text-main)}.theme-dark .general-title{color:var(--text-main-dark)}.user-profile{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.user-avatar{width:30px;height:30px;font-size:.7rem}.sign-out-button{width:30px;height:30px;padding:0;margin-left:0}.sign-out-button svg{width:15px;height:15px}.user-profile .user-name{display:none}@media (max-width: 480px){.dashboard-header{padding-left:.5rem;padding-right:.5rem}.dashboard-header h1{font-size:1.05rem;margin:0 .25rem}.hamburger-menu{margin-right:.25rem;padding:.25rem}.user-profile{gap:.25rem}.user-avatar{width:28px;height:28px;font-size:.65rem}.sign-out-button{width:28px;height:28px}.sign-out-button svg{width:14px;height:14px}}}@media (max-width: 768px){.dashboard-header-mobile-top{display:flex;justify-content:space-between;align-items:center;padding:.75rem!important;position:sticky;border-bottom:none!important;background-color:transparent!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;flex-shrink:0;margin-top:0!important}.dashboard-content{padding-top:70px!important}.welcome-greeting-text{padding-top:1px!important}.dashboard-header-mobile-top.navbar-hidden{transform:translateY(-100%);pointer-events:none}.theme-dark .dashboard-header-mobile-top{background-color:transparent!important;border-bottom-color:none!important}.dashboard-header-mobile-top .hamburger-menu{display:inline-flex;color:var(--text-primary);margin-right:.5rem;padding:.25rem}.theme-dark .dashboard-header-mobile-top .hamburger-menu{color:var(--text-primary)}.dashboard-header-mobile-top .mobile-header-title{flex-grow:1;text-align:center;top:0;font-size:1.1rem;font-weight:600;margin:0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:transparent;background:transparent}.theme-dark .dashboard-header-mobile-top .mobile-header-title{background-color:transparent!important;background:transparent!important}.dashboard-header-mobile-top .mobile-header-actions{display:flex;align-items:center;gap:.75rem}.dashboard-header-mobile-top .user-avatar{width:30px;height:30px;font-size:.7rem}.dashboard-header-mobile-top .sign-out-button.mobile-sign-out{width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center}.dashboard-header-mobile-top .sign-out-button.mobile-sign-out svg{width:16px;height:16px}.dashboard-header.desktop-only-header{display:none}.hamburger-menu{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem;margin-right:1rem;z-index:1050}.theme-dark .hamburger-menu{color:var(--text-primary)}.dashboard-content{margin-left:0!important;transition:filter .3s ease-in-out;padding-top:56px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box}.dashboard-header h1{font-size:1.15rem;margin:0 .5rem;white-space:nowrap;flex-grow:1;text-align:center;overflow:hidden;text-overflow:ellipsis}.user-profile{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.user-avatar{width:30px;height:30px;font-size:.7rem}.sign-out-button{width:30px;height:30px;padding:0;margin-left:0}.sign-out-button svg{width:15px;height:15px}.user-profile .user-name{display:none}@media (max-width: 480px){.dashboard-header-mobile-top{padding:.5rem .75rem;height:50px}.dashboard-header-mobile-top .hamburger-menu{margin-right:.25rem}.dashboard-header-mobile-top .mobile-header-actions{gap:.5rem}.dashboard-header-mobile-top .user-avatar,.dashboard-header-mobile-top .sign-out-button.mobile-sign-out{width:28px;height:28px}.dashboard-header-mobile-top .sign-out-button.mobile-sign-out svg{width:14px;height:14px}.dashboard-content{padding-top:50px}.dashboard-header{display:none}}}.spinner-container{margin-bottom:30px}@media (max-width: 480px){.dashboard-content{padding:1rem;padding-top:60px}.dashboard-header{flex-direction:column;align-items:flex-start}.welcome-greeting{text-align:center;padding:0 0 1rem}.welcome-greeting h1{font-size:3.5rem!important}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.dashboard-grid{grid-template-columns:1fr;gap:1rem}.stat-card,.dashboard-card{padding:1rem}.dashboard-card h2{font-size:1.1rem}.assignment-info h4,.progress-info h4,.event-details h4,.activity-details h4,.suggested-details h4{font-size:.95rem}.assignment-info p,.event-details p,.activity-details p,.suggested-details p{font-size:.85rem}.stat-value{font-size:1.75rem}.stat-label{font-size:.8rem}.assignments-list,.progress-list,.goals-list,.events-list,.activity-list,.suggested-list{gap:8px}.assignment-item,.progress-item,.goal-item,.event-item,.activity-item,.suggested-item{padding:8px}.dark-theme .progress-item,.dark-theme .assignment-item{background-color:var(--bg-tertiary-dark)!important;background:var(--bg-tertiary-dark)!important}.progress-bar{height:6px}.card-footer{margin-top:10px;padding-top:10px}.link-button,.view-all-link,.view-all-button{font-size:.8rem;padding:5px 8px}.view-all-link svg,.view-all-button svg{width:14px;height:14px}.caught-up-section{padding:16px}.caught-up-section h2{font-size:1.1rem}.caught-up-section p{font-size:.85rem;margin-bottom:16px}.caught-up-actions{gap:8px}.primary-button,.secondary-button{font-size:.85rem;padding:8px 12px}.goal-item .goal-checkbox{width:18px;height:18px}.event-item .event-icon,.activity-item .activity-icon,.suggested-item .suggested-icon{width:30px;height:30px}.suggested-button{font-size:.75rem;padding:6px 10px}.suggested-button svg{width:14px;height:14px}.goal-modal-header h2{font-size:1.1rem}.goal-modal-content p{font-size:.85rem}.goal-input{padding:10px 12px;font-size:.9rem}.add-goal-button{padding:8px 12px}.add-goal-button span{font-size:.85rem}.goals-list-modal{max-height:180px}}@media (max-width: 380px){.dashboard-content{padding:.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card{padding:.75rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}.dashboard-card h2{font-size:1rem}.assignment-info h4,.progress-info h4,.event-details h4,.activity-details h4,.suggested-details h4{font-size:.8rem}.assignment-info p,.event-details p,.activity-details p,.suggested-details p,.assignment-due{font-size:.7rem}.caught-up-section h2{font-size:1rem}.caught-up-section p{font-size:.8rem}.primary-button,.secondary-button{font-size:.8rem;padding:6px 10px}.event-item .event-icon svg,.activity-item .activity-icon svg,.suggested-item .suggested-icon svg{width:18px;height:18px}.goal-item .goal-checkbox svg{width:14px;height:14px}}.hamburger-menu{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem;margin-right:1rem;z-index:1050}.theme-dark .hamburger-menu{color:var(--text-primary)}@media (max-width: 768px){.hamburger-menu{display:inline-flex;align-items:center;margin-right:.75rem;flex-shrink:0}.dashboard-content{margin-left:0!important;transition:filter .3s ease-in-out;padding-top:60px!important;overflow-x:hidden}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem;width:100%;box-sizing:border-box}.dashboard-header h1{font-size:1.15rem;margin:0 .5rem;white-space:nowrap;flex-grow:1;text-align:center;overflow:hidden;text-overflow:ellipsis}.general-title h3{color:var(--text-main)}.theme-dark .general-title{color:var(--text-main-dark)}.user-profile{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.user-avatar{width:30px;height:30px;font-size:.7rem}.sign-out-button{width:30px;height:30px;padding:0;margin-left:0}.sign-out-button svg{width:15px;height:15px}.user-profile .user-name{display:none}@media (max-width: 480px){.dashboard-header{padding-left:.5rem;padding-right:.5rem}.dashboard-header h1{font-size:1.05rem;margin:0 .25rem}.hamburger-menu{margin-right:.25rem;padding:.25rem}.user-profile{gap:.25rem}.user-avatar{width:28px;height:28px;font-size:.65rem}.sign-out-button{width:28px;height:28px}.sign-out-button svg{width:14px;height:14px}}}@media (max-width: 768px){.dashboard-header-mobile-top{display:flex;justify-content:space-between;align-items:center;padding:.75rem!important;position:sticky;border-bottom:none!important;background-color:transparent!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;flex-shrink:0;margin-top:0!important}.dashboard-content{padding-top:70px!important}.welcome-greeting-text{padding-top:1px!important}.dashboard-header-mobile-top.navbar-hidden{transform:translateY(-100%);pointer-events:none}.theme-dark .dashboard-header-mobile-top{background-color:transparent!important;border-bottom-color:none!important}.dashboard-header-mobile-top .hamburger-menu{display:inline-flex;color:var(--text-primary);margin-right:.5rem;padding:.25rem}.theme-dark .dashboard-header-mobile-top .hamburger-menu{color:var(--text-primary)}.dashboard-header-mobile-top .mobile-header-title{flex-grow:1;text-align:center;top:0;font-size:1.4rem!important;font-weight:600;margin:0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:transparent;background:transparent}.theme-dark .dashboard-header-mobile-top .mobile-header-title{background-color:transparent!important;background:transparent!important}.dashboard-header-mobile-top .mobile-header-actions{display:flex;align-items:center;gap:.75rem}.dashboard-header-mobile-top .user-avatar{width:30px;height:30px;font-size:.7rem}.dashboard-header-mobile-top .sign-out-button.mobile-sign-out{width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center}.dashboard-header-mobile-top .sign-out-button.mobile-sign-out svg{width:16px;height:16px}.dashboard-header.desktop-only-header{display:none}.hamburger-menu{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem;margin-right:1rem;z-index:1050}.theme-dark .hamburger-menu{color:var(--text-primary)}.dashboard-content{margin-left:0!important;transition:filter .3s ease-in-out;padding-top:56px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box}.dashboard-header h1{font-size:1.15rem;margin:0 .5rem;white-space:nowrap;flex-grow:1;text-align:center;overflow:hidden;text-overflow:ellipsis}.user-profile{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.user-avatar{width:30px;height:30px;font-size:.7rem}.sign-out-button{width:30px;height:30px;padding:0;margin-left:0}.sign-out-button svg{width:15px;height:15px}.user-profile .user-name{display:none}@media (max-width: 480px){.dashboard-header-mobile-top{padding:.5rem .75rem;height:50px}.dashboard-header-mobile-top .mobile-header-title{font-size:1.3rem}.dashboard-header-mobile-top .hamburger-menu{margin-right:.25rem}.dashboard-header-mobile-top .mobile-header-actions{gap:.5rem}.dashboard-header-mobile-top .user-avatar,.dashboard-header-mobile-top .sign-out-button.mobile-sign-out{width:28px;height:28px}.dashboard-header-mobile-top .sign-out-button.mobile-sign-out svg{width:14px;height:14px}.dashboard-content{padding-top:50px}.dashboard-header{display:none}}}.theme-dark .dashboard-content,.dark-theme .dashboard-content{background-color:transparent!important}.dashboard-badges-list{display:flex;flex-direction:column;gap:15px;margin-top:15px}.dashboard-badge-item{display:flex;align-items:flex-start;padding:12px;border-radius:10px;background-color:var(--bg-secondary);transition:all .2s ease;border:1px solid var(--border-color)}.theme-dark .dashboard-badge-item{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark)}.dashboard-badge-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000000d}.theme-dark .dashboard-badge-item:hover{box-shadow:0 5px 15px #0003}.dashboard-badge-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:#0000000d;border-radius:50%;margin-right:15px;flex-shrink:0}.dark-theme .dashboard-badge-icon{background-color:#ffffff0d}.dashboard-badge-details{flex:1}.dashboard-badge-details h4{font-size:16px;font-weight:600;margin:0 0 5px;color:var(--text-primary)}.dark-theme .dashboard-badge-details h4{color:var(--text-primary-dark)}.dashboard-badge-details p{font-size:14px;margin:0 0 8px;color:var(--text-secondary);line-height:1.4}.dark-theme .dashboard-badge-details p{color:var(--text-secondary-dark)}.dashboard-badge-level{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.dashboard-badge-level.gold{background-color:#ffd70033;color:#b8860b}.dashboard-badge-level.silver{background-color:#c0c0c033;color:#707070}.dashboard-badge-level.bronze{background-color:#cd7f3233;color:#8b4513}.dark-theme .dashboard-badge-level.gold{background-color:#ffd70026;color:gold}.dark-theme .dashboard-badge-level.silver{background-color:#c0c0c026;color:silver}.dark-theme .dashboard-badge-level.bronze{background-color:#cd7f3226;color:#cd7f32}@media (max-width: 768px){.dashboard-badge-item{padding:10px}.dashboard-badge-icon{width:40px;height:40px}.dashboard-badge-icon svg{width:20px;height:20px}.dashboard-badge-details h4{font-size:15px}.dashboard-badge-details p{font-size:13px}}@media (max-width: 480px){.dashboard-badge-icon{width:36px;height:36px;margin-right:10px}.dashboard-badge-details h4{font-size:14px}.dashboard-badge-details p{font-size:12px}.dashboard-badge-level{padding:3px 8px;font-size:10px}}.resource-list{display:flex;flex-direction:column;gap:12px;flex:1}.resource-item{display:flex;align-items:center;gap:14px;padding:12px;border-radius:8px;background-color:var(--bg-primary)!important;transition:all .2s ease;border:1px solid var(--border-color)!important;opacity:.9}.theme-dark .resource-item,.dark-theme .resource-item{background-color:var(--bg-secondary-dark)!important;border-color:var(--border-color-dark)!important;opacity:1!important}.resource-item:hover{background-color:var(--hover-bg)}.theme-dark .resource-item:hover,.dark-theme .resource-item:hover{background-color:var(--hover-bg-dark)!important}.resource-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background-color:rgba(var(--accent-color-rgb, 79, 70, 229),.1);color:var(--accent-color, #4f46e5);flex-shrink:0}.dark-theme .resource-icon{background-color:rgba(var(--accent-color-dark-rgb, 79, 70, 229),.15);color:var(--accent-color-dark, #4f46e5)}.resource-item.note .resource-icon{color:#2196f3;background-color:#2196f31a}.dark-theme .resource-item.note .resource-icon{color:#64b5f6;background-color:#64b5f626}.resource-item.summary .resource-icon{color:#ff9800;background-color:#ff98001a}.dark-theme .resource-item.summary .resource-icon{color:#ffb74d;background-color:#ffb74d26}.resource-details{flex:1}.resource-details h4{font-size:15px;font-weight:500;margin:0 0 4px;color:var(--text-primary)}.dark-theme .resource-details h4{color:var(--text-primary-dark)}.resource-details p{font-size:13px;color:var(--text-secondary);margin:0}.dark-theme .resource-details p{color:var(--text-secondary-dark)}.resource-course{font-size:12px;color:var(--text-muted);margin-top:4px}.dark-theme .resource-course{color:var(--text-muted-dark)}.resource-action{flex-shrink:0}.view-resource-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background-color:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color)}.theme-dark .view-resource-button{background-color:var(--bg-primary-dark)!important;color:var(--text-secondary-dark)!important;border-color:var(--border-color-dark)!important}.view-resource-button:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.dark-theme .view-resource-button:hover{background-color:var(--accent-color-hover-dark)!important;color:#fff!important;border-color:var(--accent-color-hover-dark)!important}@media (max-width: 768px){.resource-item{padding:10px;gap:10px}.resource-icon{width:30px;height:30px}.resource-icon svg{width:18px;height:18px}.resource-details h4{font-size:14px}.resource-details p{font-size:12px}.resource-course{font-size:10px}.view-resource-button{width:28px;height:28px}.view-resource-button svg{width:14px;height:14px}}@media (max-width: 480px){.resource-item{padding:8px;gap:8px}.resource-icon{width:28px;height:28px}.resource-icon svg{width:16px;height:16px}.resource-details h4{font-size:13px;margin-bottom:2px}.resource-details p{font-size:11px}.resource-course{font-size:9px}.view-resource-button{width:24px;height:24px}.view-resource-button svg{width:12px;height:12px}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.theme-dark .modal-button.primary:hover{background-color:var(--accent-color-hover-dark)}.dashboard-loading{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--funky-bg, #e9e7ff);z-index:9999;opacity:1;transition:opacity .5s ease-out;padding:20px;box-sizing:border-box}.theme-dark .dashboard-loading{background-color:var(--funky-bg, #2a283e)}.dashboard-loading.fade-out{opacity:0;pointer-events:none}.loading-content{text-align:center;max-width:500px}.loading-spinner-dashboard{display:flex;justify-content:center;align-items:center;width:120px;height:60px}.loading-spinner-dashboard div{width:18px;height:18px;background-color:var(--app-purple-primary, #8A2BE2);border-radius:50%;margin:0 6px;animation:wave 1.4s infinite ease-in-out}.loading-spinner-dashboard div:nth-child(2){animation-delay:-1.2s}.loading-spinner-dashboard div:nth-child(3){animation-delay:-1s}.theme-dark .loading-spinner-dashboard div{background-color:var(--app-purple-primary, #ab63f7)}@keyframes wave{0%,60%,to{transform:initial}30%{transform:translateY(-20px)}}.dashboard-loading h2{font-size:1.8rem;font-weight:700;color:var(--funky-text-main, #3c3a5f);margin-bottom:15px;line-height:1.3}.theme-dark .dashboard-loading h2{color:var(--funky-text-main, #e0e0ff)}.dashboard-loading p{font-size:1.1rem;color:var(--funky-text-secondary, #6a679e);line-height:1.6;margin-bottom:30px}.theme-dark .dashboard-loading p{color:var(--funky-text-secondary, #b0aedd)}.loading-quote{margin-top:20px;padding:20px;background-color:#ffffff1a;border-radius:var(--dashboard-card-border-radius, 20px);border:1px solid var(--funky-border-color, #dadaff);box-shadow:0 2px 10px #0000000d;max-width:90%}.theme-dark .loading-quote{background-color:#0003;border-color:var(--funky-border-color, #504d70)}.loading-quote p{font-size:1rem;font-style:italic;color:var(--funky-text-main, #3c3a5f);margin-bottom:10px!important}.theme-dark .loading-quote p{color:var(--funky-text-main, #e0e0ff)}.loading-quote span{display:block;font-size:.9rem;font-weight:600;color:var(--app-blue-primary, #4A90E2);text-align:right}.theme-dark .loading-quote span{color:var(--app-blue-primary, #6babf5)}.loading-spinner-circle{display:none}.dashboard-error{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--bg-primary, #f7f7f9);z-index:1000;text-align:center;padding:2rem}.dark-theme .dashboard-error{background-color:#0f172a}.error-content{display:flex;flex-direction:column;align-items:center;max-width:500px;padding:2rem;background-color:var(--bg-secondary, #ffffff);border-radius:16px;box-shadow:0 4px 12px #00000014}.dark-theme .error-content{background-color:var(--bg-secondary-dark);box-shadow:0 4px 12px #0003}.dashboard-error svg{color:#f43f5e;margin-bottom:1.5rem}.dashboard-error h2{font-size:1.5rem;font-weight:600;color:var(--text-primary, #111827);margin-bottom:.5rem}.dark-theme .dashboard-error h2{color:var(--text-primary-dark)}.dashboard-error p{font-size:1rem;color:var(--text-secondary, #6B7280);margin-bottom:1.5rem}.dark-theme .dashboard-error p{color:var(--text-muted-dark)}.retry-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--accent-color, #4a6bfb);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.retry-button:hover{background-color:var(--accent-color-hover, #3a5be0)}.retry-button svg{color:#fff;margin-bottom:0}.daily-focus-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.theme-dark .daily-focus-header{border-bottom-color:var(--border-color-dark)}.daily-focus-header h2{margin-bottom:0}.daily-focus-toggle{display:flex;gap:.5rem;background-color:var(--bg-tertiary);padding:.3rem;border-radius:var(--dashboard-card-border-radius)}.theme-dark .daily-focus-toggle{background-color:var(--bg-tertiary-dark)}.daily-focus-toggle .toggle-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:calc(var(--dashboard-card-border-radius) - 4px);font-weight:500;font-size:.85rem;color:var(--text-secondary);background-color:transparent;border:1px solid transparent;cursor:pointer;transition:all .25s ease-out}.theme-dark .daily-focus-toggle .toggle-button{color:var(--text-secondary-dark)}.daily-focus-toggle .toggle-button:hover{background-color:var(--hover-bg);color:var(--text-primary);border-color:var(--border-color)}.theme-dark .daily-focus-toggle .toggle-button:hover{background-color:var(--hover-bg-dark);color:var(--text-primary-dark);border-color:var(--border-color-dark)}.daily-focus-toggle .toggle-button.active{background-color:var(--bg-secondary);color:var(--primary-color);font-weight:600;border:1px solid var(--primary-color);box-shadow:0 2px 4px #0000000d}.theme-dark .daily-focus-toggle .toggle-button.active{background-color:var(--accent-color-dark);color:var(--bg-secondary-dark);border-color:var(--accent-color-dark);box-shadow:0 2px 4px #0003}.daily-focus-toggle .toggle-button svg{width:18px;height:18px}.goals-list{padding-top:.5rem}.loading-schedule-widget{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:150px;color:var(--text-secondary);font-size:.9rem;padding:1rem 0}.theme-dark .loading-schedule-widget{color:var(--text-secondary-dark)}.loading-schedule-widget .spin{animation:spin 1s linear infinite}.today-schedule-list{display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem;overflow-y:auto}.today-schedule-list::-webkit-scrollbar{width:6px}.today-schedule-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:10px}.today-schedule-list::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px;border:1px solid var(--bg-tertiary)}.theme-dark .today-schedule-list::-webkit-scrollbar-track{background:var(--bg-tertiary-dark)}.theme-dark .today-schedule-list::-webkit-scrollbar-thumb{background-color:var(--accent-color-dark);border-color:var(--bg-tertiary-dark)}.today-session-item{background-color:var(--bg-tertiary);padding:.75rem 1rem;border-radius:10px;border-left:4px solid var(--primary-hover);transition:all .2s ease-out;max-width:99%}.theme-dark .today-session-item{background-color:var(--bg-tertiary-dark);border-left-color:var(--accent-color-hover-dark)}.today-session-item:hover{transform:translate(3px);background-color:var(--hover-bg);border-left-color:var(--primary-color)}.theme-dark .today-session-item:hover{background-color:var(--hover-bg-dark);border-left-color:var(--accent-color-dark)}.today-session-item .session-time{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem}.theme-dark .today-session-item .session-time{color:var(--text-secondary-dark)}.today-session-item .session-course-name{font-size:.95rem;font-weight:500;color:var(--text-primary);margin-bottom:.35rem}.theme-dark .today-session-item .session-course-name{color:var(--text-primary-dark)}.today-session-item .session-type-badge{display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:5px;background-color:var(--primary-color);color:#fff;text-transform:capitalize}.theme-dark .today-session-item .session-type-badge{background-color:var(--accent-color-dark);color:var(--bg-secondary-dark)}.daily-focus-card .empty-state.small-empty{padding:1rem 0;min-height:150px}.daily-focus-card .empty-state.small-empty svg{margin-bottom:.5rem;color:var(--text-muted)}.theme-dark .daily-focus-card .empty-state.small-empty svg{color:var(--text-muted-dark)}.daily-focus-card .card-footer{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border-color)}.theme-dark .daily-focus-card .card-footer{border-top-color:var(--border-color-dark)}.daily-focus-card .card-footer .link-button{font-size:.85rem}.dashboard-loading{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--bg-primary, #f7f7f9);z-index:1000;text-align:center;padding:2rem}.dark-theme .dashboard-loading{background-color:#0f172a}.loading-content{display:flex;flex-direction:column;align-items:center;max-width:600px}.loading-spinner-dashboard{position:absolute;width:80px;height:80px;top:20px;left:20px;border:5px solid rgba(0,0,0,.05);border-top:5px solid var(--accent-color, #4a6bfb);border-radius:50%;animation:spin 1.5s linear infinite}.dark-theme .loading-spinner-dashboard{border:5px solid rgba(255,255,255,.1);border-top:5px solid var(--accent-color-dark, #4f46e5)}.loading-spinner-circle{position:absolute;top:0;left:0;width:120px;height:120px;border:2px solid rgba(var(--accent-color-rgb, 79, 70, 229),.2);border-radius:50%}.dashboard-loading h2{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary, #111827);background:linear-gradient(45deg,var(--accent-color, #4a6bfb),var(--accent-color-hover, #6e8dfb));background-clip:text;-webkit-background-clip:text;color:transparent}.dark-theme .dashboard-loading h2{color:#fff}.dashboard-loading p{font-size:1.1rem;color:var(--text-secondary, #6B7280);margin-bottom:2rem}.dark-theme .dashboard-loading p{color:var(--text-secondary-dark)}.loading-quote{margin-top:4rem;max-width:500px;padding:1.5rem;border-left:4px solid var(--accent-color, #4f46e5);background-color:rgba(var(--accent-color-rgb, 79, 70, 229),.05);border-radius:0 8px 8px 0}.dark-theme .loading-quote{background-color:rgba(var(--accent-color-dark-rgb, 79, 70, 229),.1)}.loading-quote p{font-style:italic;font-size:1.1rem;color:var(--text-primary, #111827);margin-bottom:.5rem}.dark-theme .loading-quote p{color:var(--text-primary-dark)}.loading-quote span{font-size:.9rem;color:var(--text-secondary, #6B7280);display:block;text-align:right}.dark-theme .loading-quote span{color:var(--text-muted-dark)}.xp-and-tier{display:flex;align-items:center;gap:8px}.proficiency-tag{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 3px #0000001a}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-info h4{font-size:15px;font-weight:500;margin:0}.progress-info span{font-weight:600;color:var(--primary-color, #4F46E5);font-size:14px}.theme-dark .progress-info span{color:var(--accent-color-dark, #4c6ef5)!important}.progress-bar{height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:var(--primary-color)!important;border-radius:4px;transition:width 1s ease-in-out}.theme-dark .progress-fill{background:var(--accent-color-hover-dark)}.ai-recommendation-card{background-color:var(--bg-secondary);border-radius:var(--dashboard-card-border-radius, 20px);border:var(--dashboard-card-border, 2px solid var(--text-primary));overflow:visible;margin-bottom:30px;position:relative;box-shadow:var(--dashboard-card-shadow, 3px 3px 0px var(--primary-color));transition:var(--dashboard-card-transition, all .3s ease)}.ai-recommendation-card:hover{transform:var(--dashboard-card-hover-transform, translateY(-5px) rotate(-.5deg));box-shadow:var(--dashboard-card-hover-shadow, 6px 6px 0px var(--primary-hover))}.ai-recommendation-header{background-color:var(--primary-color)!important;max-height:80px;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;color:#fff;border-radius:20px 20px 0 0!important}.theme-dark .ai-recommendation-header{background-color:var(--text-muted-dark)!important}.ai-recommendation-header h2{display:flex;align-items:center;gap:10px;color:#fff;font-size:1.2rem;margin:0}.ai-recommendation-header .refresh-button{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin-bottom:30px}.refresh-button{background-color:var(--primary-hover)!important}.theme-dark .refresh-button{background-color:var(--text-secondary-dark)!important}.ai-recommendation-header .refresh-button:hover{background:#ffffff4d;transform:rotate(45deg)}.ai-recommendation-body{padding:24px;font-size:1rem;line-height:1.7;position:relative;min-height:200px}.ai-recommendation-body.error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:32px 24px}.ai-recommendation-body.error h3{margin:10px 0 0;color:var(--text-primary)}.ai-recommendation-body.error p{margin:0 0 20px;color:var(--text-secondary)}.retry-button{background-color:var(--primary-color, #4a6bfb);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.retry-button:hover{background-color:var(--primary-hover, #3a5be0)}.ai-recommendation-footer{padding:12px 24px;border-top:1px solid var(--border-color);font-size:.8rem;color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center}.generated-time{display:flex;align-items:center;gap:6px}.ai-recommendation-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:24px}.ai-recommendation-loading p{margin-top:16px;color:var(--text-secondary)}.recommendation-text{white-space:pre-wrap;font-weight:600;font-size:1.2rem!important}.sparkle-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.sparkle{position:absolute;background-color:#fff;width:5px;height:5px;border-radius:50%;opacity:0;animation:sparkle 1.5s ease-in-out infinite;box-shadow:0 0 5px 1px #ffffff80}.sparkle:before,.sparkle:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background-color:#fff}.sparkle:before{transform:translate(-50%) scaleX(.3)}.sparkle:after{transform:translateY(-50%) scaleY(.3)}.sparkle:nth-child(1){top:15%;left:20%;animation-delay:0s}.sparkle:nth-child(2){top:30%;left:70%;animation-delay:.3s}.sparkle:nth-child(3){top:60%;left:40%;animation-delay:.5s}.sparkle:nth-child(4){top:75%;left:80%;animation-delay:.7s}.sparkle:nth-child(5){top:45%;left:15%;animation-delay:.2s}.sparkle:nth-child(6){top:25%;left:50%;animation-delay:.6s}.sparkle:nth-child(7){top:80%;left:30%;animation-delay:.4s}.sparkle:nth-child(8){top:10%;left:85%;animation-delay:.1s}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.sparkle-spinner{width:48px;height:48px;border-radius:50%;border:3px solid transparent;border-top-color:var(--primary-color, #4a6bfb);border-right-color:#80b0ff;animation:sparkle-spin 1s linear infinite;position:relative}.sparkle-spinner:before,.sparkle-spinner:after{content:"";position:absolute;border-radius:50%;background:#fff;opacity:.7;width:8px;height:8px;animation:sparkle-pulse 1.5s ease-in-out infinite}.sparkle-spinner:before{top:-5px;left:50%;transform:translate(-50%);animation-delay:0s}.sparkle-spinner:after{bottom:-5px;left:50%;transform:translate(-50%);animation-delay:.75s}@keyframes sparkle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparkle-pulse{0%,to{opacity:.3;transform:translate(-50%) scale(.5)}50%{opacity:.7;transform:translate(-50%) scale(1.2)}}.theme-dark .ai-recommendation-card,.dark-theme .ai-recommendation-card{background-color:var(--bg-tertiary-dark);border-color:var(--dashboard-card-border-dark, 2px solid var(--text-primary-dark));box-shadow:var(--dashboard-card-shadow-dark, 3px 3px 0px var(--accent-color-dark))}.theme-dark .ai-recommendation-card:hover,.dark-theme .ai-recommendation-card:hover{box-shadow:var(--dashboard-card-hover-shadow-dark, 6px 6px 0px var(--accent-color-hover-dark))}.theme-dark .ai-recommendation-header,.dark-theme .ai-recommendation-header{background-color:var(--accent-color-dark);color:var(--text-heading-dark)}.theme-dark .ai-recommendation-header .refresh-button,.dark-theme .ai-recommendation-header .refresh-button{background:#ffffff1a;color:var(--text-heading-dark)}.theme-dark .ai-recommendation-header .refresh-button:hover,.dark-theme .ai-recommendation-header .refresh-button:hover{background:#fff3}.theme-dark .ai-recommendation-body.error h3,.dark-theme .ai-recommendation-body.error h3{color:var(--text-primary-dark)}.theme-dark .ai-recommendation-body.error p,.dark-theme .ai-recommendation-body.error p{color:var(--text-secondary-dark)}.theme-dark .retry-button,.dark-theme .retry-button{background-color:var(--accent-color-dark);color:var(--text-heading-dark)}.theme-dark .retry-button:hover,.dark-theme .retry-button:hover{background-color:var(--accent-color-hover-dark)}.theme-dark .ai-recommendation-loading p,.dark-theme .ai-recommendation-loading p{color:var(--text-secondary-dark)}.theme-dark .ai-recommendation-footer,.dark-theme .ai-recommendation-footer{border-top-color:var(--border-color-dark);color:var(--text-secondary-dark)}.sparkle-text{position:relative;overflow:hidden}.sparkle-text:after{content:"";position:absolute;top:0;left:-150%;width:80%;height:100%;background:linear-gradient(90deg,rgba(var(--accent-color-dark-rgb, 79, 70, 229),0),rgba(var(--accent-color-dark-rgb, 79, 70, 229),.15),rgba(var(--accent-color-dark-rgb, 79, 70, 229),0));transform:skew(-25deg);animation:shine-sweep 3s ease-in-out infinite}@keyframes shine-sweep{0%{left:-150%}50%{left:150%}to{left:150%}}@media (max-width: 768px){.ai-recommendation-header{max-height:70px}.ai-recommendation-header .refresh-button{margin-bottom:15px}}.refresh-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#fff;border-radius:8px;box-shadow:0 6px 24px #0003;padding:14px 16px;display:flex;align-items:center;z-index:1000;border-top:4px solid #2a4dc7;max-width:450px;animation:pulse 2s infinite}.refresh-notification-icon{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:50%;background-color:#2a4dc71a;color:#2a4dc7;margin-right:12px}.refresh-notification-content{flex:1}.refresh-notification-content p{margin:0;color:#333;font-size:.9rem;line-height:1.4}.refresh-notification-action{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:50%;background-color:#2a4dc71a;color:#2a4dc7;margin-right:8px;border:none;cursor:pointer;transition:all .2s ease}.refresh-notification-action:hover{background-color:#2a4dc733;transform:rotate(45deg)}.refresh-notification-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:none;background-color:transparent;color:#777;margin-left:10px;cursor:pointer;transition:background-color .2s}.refresh-notification-close:hover{background-color:#0000000d}@media (max-width: 768px){.refresh-notification{left:20px;right:20px;max-width:none;bottom:20px}}.app-tour-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9998;display:flex;align-items:center;justify-content:center}.tour-overlay-blur{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:-1}.tour-content-wrapper{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.intro-modal{position:relative;top:auto;left:auto;transform:none;width:90%;max-width:480px;background-color:var(--bg-secondary);color:var(--text-primary);border-radius:24px;padding:2.5rem;box-shadow:0 20px 60px -10px #0000004d;z-index:10000;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.theme-dark .intro-modal{background-color:var(--bg-secondary-dark);color:var(--text-primary-dark);border-top-color:var(--accent-color-dark);box-shadow:0 20px 60px -10px #00000080}.welcome-lottie{width:100%;max-width:350px;height:auto}.ada-intro-lottie{margin-bottom:-1.5rem}.intro-text{font-size:1.25rem;line-height:1.6;font-weight:500;color:var(--text-secondary);max-width:90%}.theme-dark .intro-text{color:var(--text-secondary-dark)}.intro-button-group{display:flex;gap:1rem;width:100%}.intro-primary-button,.intro-secondary-button,.intro-next-button{flex:1;padding:.8rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.intro-primary-button{background-color:var(--primary-color);color:#fff}.theme-dark .intro-primary-button{background-color:var(--accent-color-dark)}.intro-primary-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 15px rgba(var(--primary-color-rgb, 79, 70, 229),.2)}.intro-secondary-button{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.theme-dark .intro-secondary-button{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark);border-color:var(--border-color-dark)}.intro-secondary-button:hover{background-color:var(--hover-bg, rgba(0,0,0,.05));border-color:var(--primary-color)}.theme-dark .intro-secondary-button:hover{background-color:var(--hover-bg-dark);border-color:var(--accent-color-dark)}.intro-next-button{background-color:var(--primary-color);color:#fff;width:100%}.theme-dark .intro-next-button{background-color:var(--accent-color-dark)}.intro-next-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 15px rgba(var(--primary-color-rgb, 79, 70, 229),.2)}.tour-feature-modal{position:relative;top:auto;left:auto;transform:none;background-color:var(--bg-primary);color:var(--text-primary);border-radius:24px;box-shadow:0 15px 50px #00000040;width:90%;max-width:600px;height:90vh;max-height:750px;z-index:10002;overflow:hidden;display:flex;flex-direction:column}.theme-dark .tour-feature-modal{background-color:var(--bg-secondary-dark);color:var(--text-primary-dark);box-shadow:0 15px 50px #0006}.tour-modal-close-button{position:absolute;top:1rem;right:1rem;background-color:#0000001a;color:var(--text-primary);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-out;z-index:10}.theme-dark .tour-modal-close-button{background-color:#ffffff1a;color:var(--text-primary-dark)}.tour-modal-close-button:hover{transform:scale(1.1) rotate(90deg);background-color:#0003}.theme-dark .tour-modal-close-button:hover{background-color:#fff3}.tour-modal-image-container{width:100%;height:50%;overflow:hidden;background-color:var(--bg-tertiary);position:relative;flex-shrink:0}.theme-dark .tour-modal-image-container{background-color:var(--bg-tertiary-dark)}.tour-modal-image{width:100%;height:100%;object-fit:cover;object-position:center top}.tour-modal-content{padding:1.5rem;text-align:left;overflow-y:auto;flex-grow:1;display:flex;flex-direction:column}.tour-modal-header h2{font-size:1.75rem;font-weight:700;margin:0 0 1rem;color:var(--text-heading)}.theme-dark .tour-modal-header h2{color:var(--text-heading-dark)}.tour-modal-description{font-size:1rem;line-height:1.65;color:var(--text-secondary);flex-grow:1}.theme-dark .tour-modal-description{color:var(--text-secondary-dark)}.tour-modal-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--border-color);flex-shrink:0;margin-top:1.5rem}.theme-dark .tour-modal-footer{border-top-color:var(--border-color-dark)}.tour-modal-progress{font-size:.85rem;color:var(--text-muted)}.theme-dark .tour-modal-progress{color:var(--text-muted-dark)}.tour-modal-buttons{display:flex;gap:10px}.tour-modal-prev-button,.tour-modal-next-button{padding:9px 18px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease-out;border:1px solid transparent}.tour-modal-prev-button{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.theme-dark .tour-modal-prev-button{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark);border-color:var(--border-color-dark)}.tour-modal-prev-button:hover{border-color:var(--primary-color);color:var(--primary-color)}.theme-dark .tour-modal-prev-button:hover{border-color:var(--accent-color-dark);color:var(--accent-color-dark)}.tour-modal-next-button{background-color:var(--primary-color);color:#fff}.theme-dark .tour-modal-next-button{background-color:var(--accent-color-dark)}.tour-modal-next-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.tour-image-expand-button{position:absolute;top:10px;right:10px;background-color:#0006;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5}.tour-expanded-image-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10005}.tour-expanded-image{max-width:90%;max-height:90%;object-fit:contain;border-radius:8px}.tour-expanded-image-close-button{position:absolute;top:25px;right:25px;background:#fff3;color:#fff;border:none;border-radius:50%;width:40px;height:40px}@media (min-width: 699px){.tour-feature-modal{flex-direction:row;max-width:960px;height:auto;max-height:600px}.tour-modal-image-container{width:50%;height:100%}.tour-modal-content{width:50%;padding:2rem}.tour-modal-header{padding-top:2rem}.tour-modal-header h2{font-size:5rem}.tour-modal-description{align-self:center;font-size:1.3rem}}@media (max-width: 768px){.tour-feature-modal{height:85vh;max-height:none}.tour-modal-image-container{height:40%}}@media (max-width: 480px){.intro-modal{padding:1.5rem;gap:1rem}.intro-text{font-size:1.1rem}.intro-button-group{flex-direction:column}.tour-feature-modal{width:100%;height:100%;border-radius:0;max-width:100%;max-height:100%}.tour-modal-image-container{max-height:50vh}.tour-modal-image{height:100%}}.signature-container-wrapper{position:relative;box-sizing:border-box;margin-top:8px}.signature-lottie-container{cursor:pointer;position:relative;display:inline-block}.signature-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:color-mix(in srgb,var(--bg-tertiary) 90%,transparent);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:8px;box-shadow:var(--card-shadow);font-size:.85rem;font-family:Georgia,Inter,Times New Roman,Times,serif;font-style:italic;white-space:nowrap;z-index:10;margin-bottom:10px;pointer-events:none}.signature-tooltip:after{display:none}.signature-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--bg-tertiary) transparent transparent transparent}.theme-dark .signature-tooltip{background-color:color-mix(in srgb,var(--bg-tertiary-dark) 70%,transparent);color:var(--text-primary-dark);box-shadow:var(--card-shadow-dark);border:1px solid var(--border-color-dark)}.theme-dark .signature-tooltip:after{display:none;border-top-color:var(--bg-tertiary-dark)}@media (max-width: 600px){.signature-container-wrapper{padding-left:0}.signature-tooltip{width:280px;max-width:350px!important;white-space:normal;text-align:left;transform:translate(-50%);padding-right:20px}}.activity-graph-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:2999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;opacity:0;animation:fadeIn .3s ease-out forwards}.activity-graph-modal{background-color:var(--bg-secondary);padding:28px;border-radius:var(--dashboard-card-border-radius, 20px);box-shadow:var(--dashboard-card-shadow, 3px 3px 0px var(--primary-color));width:85%;max-width:900px;height:80%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;transform:translateY(20px);opacity:0;animation:slideUp .4s ease-out forwards;will-change:transform,opacity;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;position:relative;z-index:3000;pointer-events:auto;isolation:isolate;border:var(--dashboard-card-border, 2px solid var(--text-primary))}.activity-graph-modal.dark{background-color:var(--bg-secondary-dark);color:var(--text-primary-dark);box-shadow:var(--dashboard-card-shadow-dark, 3px 3px 0px var(--primary-color-dark));border:var(--dashboard-card-border-dark, 2px solid var(--text-primary-dark))}.activity-graph-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px dashed var(--primary-color)}.activity-graph-modal.dark .modal-header{border-bottom-color:var(--primary-color-dark);background-color:transparent;padding:0 0 15px}.modal-title{display:flex;align-items:center;gap:12px;color:var(--text-heading)}.modal-title h2{margin:0;font-size:1.8rem;font-weight:700;color:var(--primary-color);text-shadow:1px 1px 2px rgba(0,0,0,.1)}.modal-title svg{color:var(--primary-color)}.activity-graph-modal.dark .modal-title{color:var(--text-heading-dark)}.activity-graph-modal.dark .modal-title svg{color:var(--primary-color-dark)}.close-modal-button{background:var(--bg-primary);border:2px solid var(--border-color);cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--text-secondary);box-shadow:1px 1px 0 var(--text-muted)}.activity-graph-modal.dark .close-modal-button{background:var(--bg-primary-dark);border:2px solid var(--border-color-dark);color:var(--text-secondary-dark);box-shadow:1px 1px 0 var(--text-muted-dark)}.close-modal-button:hover{transform:translateY(-2px) rotate(5deg);background-color:var(--primary-hover);color:#fff;box-shadow:2px 2px 0 var(--primary-color)}.activity-graph-modal.dark .close-modal-button:hover{background-color:var(--primary-hover-dark);color:#fff;box-shadow:2px 2px 0 var(--primary-color-dark)}.modal-content{min-height:300px;display:flex;flex-direction:column;position:relative;z-index:1}.activity-graph-modal.dark .modal-content-text{color:var(--text-primary-dark)}.loading-state,.error-state,.empty-state{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;text-align:center;color:var(--text-secondary)}.activity-graph-modal.dark .loading-state,.activity-graph-modal.dark .empty-state{color:var(--text-secondary-dark)}.error-state{color:var(--danger-color, #f56565)}.activity-graph-modal.dark .error-state{color:var(--danger-color-dark, #fc8181)}.loading-state svg,.error-state svg,.empty-state svg{margin-bottom:16px;color:var(--text-muted)}.activity-graph-modal.dark .loading-state svg,.activity-graph-modal.dark .error-state svg,.activity-graph-modal.dark .empty-state svg{color:var(--text-muted-dark)}.loading-state .spinner{animation:spin 1.2s linear infinite;color:var(--primary-color)}.activity-graph-modal.dark .loading-state .spinner{color:var(--primary-color-dark)}.error-message,.empty-message{margin-top:8px;opacity:.8;font-size:.95rem;color:var(--text-secondary)}.activity-graph-modal.dark .error-message,.activity-graph-modal.dark .empty-message{color:var(--text-secondary-dark)}.activity-chart-container{display:flex;flex-direction:column;gap:24px;width:100%;margin-top:20px}.activity-summary{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.stat-row{display:flex;gap:20px;width:100%;flex-wrap:wrap}.stat-row .stat-card{flex:1;min-width:150px}.stat-card{background-color:var(--bg-secondary);border:var(--dashboard-card-border, 2px solid var(--text-primary));border-radius:var(--dashboard-card-border-radius, 20px);padding:20px;text-align:center;box-shadow:var(--dashboard-card-shadow, 3px 3px 0px var(--primary-color));transition:var(--dashboard-card-transition, all .3s ease)}.activity-graph-modal.light .stat-card{background-color:var(--bg-secondary);border-color:var(--text-primary);box-shadow:var(--dashboard-card-shadow, 3px 3px 0px var(--primary-color))}.stat-value{font-size:2.25rem;font-weight:700;margin-bottom:10px;color:var(--primary-color);display:flex;align-items:center;justify-content:center;gap:5px}.activity-graph-modal.light .stat-value{color:var(--primary-color)}.stat-label{font-size:1rem;color:var(--text-secondary);font-weight:500}.activity-graph-modal.light .stat-label{color:var(--text-secondary)}.stat-card.trend svg{animation:pulse 2s infinite}.stat-card.positive .stat-value{color:var(--success-color, #48bb78)}.stat-card.negative .stat-value{color:var(--danger-color, #f56565)}.activity-graph-modal.dark .stat-card{background-color:var(--bg-secondary-dark);border-color:var(--text-primary-dark);box-shadow:var(--dashboard-card-shadow-dark, 3px 3px 0px var(--primary-color-dark))}.activity-graph-modal.dark .stat-card:hover{box-shadow:var(--dashboard-card-hover-shadow-dark, 6px 6px 0px var(--primary-hover-dark))}.activity-graph-modal.dark .stat-value{color:var(--primary-color-dark)}.activity-graph-modal.dark .stat-label{color:var(--text-secondary-dark)}.activity-graph-modal.dark .stat-card.positive .stat-value{color:var(--success-color-dark, #68d391)}.activity-graph-modal.dark .stat-card.negative .stat-value{color:var(--danger-color-dark, #fc8181)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.date-range-info{text-align:center;font-size:1.1rem;color:var(--text-secondary);background-color:var(--bg-secondary);padding:12px 16px;border-radius:10px;margin:5px 0 15px;border:1px dashed var(--primary-color)}.activity-graph-modal.light .date-range-info{color:var(--text-secondary);background-color:var(--bg-secondary);border-color:var(--primary-color)}.date-range-info p{margin:0}.date-range-info strong{font-weight:700;padding:0 3px;color:var(--primary-color)}.activity-graph-modal.light .date-range-info strong{color:var(--primary-color)}.activity-graph-modal.dark .date-range-info{color:var(--text-secondary-dark);background-color:var(--bg-secondary-dark);border-color:var(--primary-color-dark)}.activity-graph-modal.dark .date-range-info strong{color:var(--primary-color-dark)}.line-chart-wrapper{background-color:var(--bg-primary);border-radius:var(--dashboard-card-border-radius, 20px);padding:25px;margin:20px 0 10px;box-shadow:var(--dashboard-card-shadow, 3px 3px 0px var(--primary-color));border:var(--dashboard-card-border, 2px solid var(--text-primary));height:380px;width:100%;height:350px}.activity-graph-modal.dark .line-chart-wrapper{background-color:var(--bg-primary-dark);border-color:var(--text-primary-dark);box-shadow:var(--dashboard-card-shadow-dark, 3px 3px 0px var(--primary-color-dark))}.activity-insights{background-color:var(--bg-secondary);border-radius:var(--dashboard-card-border-radius, 20px);padding:20px;margin-top:10px;border:var(--dashboard-card-border, 2px solid var(--text-primary));box-shadow:var(--dashboard-card-shadow, 3px 3px 0px var(--primary-color))}.activity-graph-modal.dark .activity-insights{background-color:var(--bg-secondary-dark);border-color:var(--text-primary-dark);box-shadow:var(--dashboard-card-shadow-dark, 3px 3px 0px var(--primary-color-dark))}.activity-insights h3{font-size:1.1rem;font-weight:600;margin:0 0 12px;color:var(--text-heading)}.activity-graph-modal.dark .activity-insights h3{color:var(--text-heading-dark)}.activity-insights p{margin:0 0 10px;line-height:1.5;color:var(--text-secondary)}.activity-graph-modal.dark .activity-insights p{color:var(--text-secondary-dark)}.activity-insights p:last-child{margin-bottom:0}.activity-chart-tooltip{background-color:var(--bg-primary);border-radius:8px;padding:12px 16px;box-shadow:var(--card-shadow);border:1px solid var(--border-color);font-size:.85rem}.activity-chart-tooltip.dark{background-color:var(--bg-primary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.tooltip-date{font-weight:600;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.activity-chart-tooltip.dark .tooltip-date{border-color:var(--border-color-dark);color:var(--text-primary-dark)}.tooltip-entry{margin:4px 0;font-size:.9rem;display:flex;align-items:center;font-weight:500}.recharts-wrapper:focus,.recharts-surface:focus,.recharts-wrapper *:focus,.recharts-surface *:focus{outline:none!important;-webkit-tap-highlight-color:transparent}.recharts-active-dot circle{outline:none!important}.activity-graph-modal *,.activity-graph-modal *:focus,.activity-graph-modal *:focus-visible,.activity-graph-modal *:focus-within{outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}.recharts-wrapper:focus,.recharts-surface:focus,.recharts-tooltip-wrapper:focus,.recharts-legend-wrapper:focus,.recharts-cartesian-axis:focus,.recharts-area:focus,.recharts-line:focus,.recharts-dot:focus,.recharts-active-dot:focus{outline:none!important}.activity-graph-modal .recharts-wrapper,.activity-graph-modal .recharts-surface,.activity-graph-modal .recharts-tooltip-wrapper,.activity-graph-modal .recharts-legend-wrapper,.activity-graph-modal .recharts-cartesian-axis,.activity-graph-modal .recharts-area,.activity-graph-modal .recharts-line,.activity-graph-modal .recharts-dot,.activity-graph-modal .recharts-active-dot{outline:none!important;-webkit-tap-highlight-color:transparent}.activity-graph-modal .recharts-wrapper:focus-within,.activity-graph-modal .recharts-surface:focus-within{outline:none!important;box-shadow:none!important}@media (max-width: 768px){.activity-graph-modal{width:95%;max-width:500px;padding:20px}.modal-title h2{font-size:1.3rem}.recharts-default-legend{display:none}.modal-content{flex-direction:column;gap:20px}.stat-row{flex-direction:column;gap:10px}.stat-row .stat-card{width:100%;max-width:none}.stat-value{font-size:1.8rem}.stat-label{font-size:.8rem}.line-chart-wrapper,.activity-insights{width:100%}.activity-insights h3{font-size:1.1rem}.activity-insights p{font-size:.9rem}.date-range-info{font-size:.8rem}}@media (max-width: 480px){.activity-graph-modal{padding:15px;width:98%}.recharts-default-legend{display:none}.modal-title h2{font-size:1.2rem}.stat-value{font-size:1.6rem}.stat-label{font-size:.75rem}}.quick-tools-fab-container{position:fixed;bottom:30px;right:30px;z-index:1050;display:flex;flex-direction:column;align-items:flex-end}.fab-main-button{background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff;border:none;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #0003;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.fab-main-button:hover{box-shadow:0 8px 30px #00000040}.fab-main-button.open{background:linear-gradient(135deg,#ff6b6b,#f06595)}.fab-menu{display:flex;flex-direction:column;align-items:flex-end;gap:1rem;margin-bottom:1.5rem}.fab-action-item{display:flex;align-items:center;gap:1rem;position:relative}.fab-action-item:hover .fab-tooltip{opacity:1;visibility:visible;transform:translate(0)}.fab-tooltip{position:absolute;right:calc(100% + 15px);top:50%;transform:translateY(-50%) translate(10px);background-color:#2c3e50;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;white-space:nowrap;box-shadow:0 2px 8px #0003;opacity:0;visibility:hidden;transition:all .2s ease-in-out;pointer-events:none}.fab-tooltip:after{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border-width:5px;border-style:solid;border-color:transparent transparent transparent var(--bg-primary-dark)}.fab-action-label{background-color:color-mix(in srgb,var(--bg-primary) 80%,transparent);color:#34495e;padding:.5rem 1rem;border:1px solid var(--input-border);border-radius:15px;font-size:1rem;font-weight:600;box-shadow:0 2px 10px #0000001a;order:1}.fab-action-button{background-color:#fff;color:#34495e;width:50px;height:50px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000026;cursor:pointer;transition:all .2s ease;order:2}.fab-action-button:hover{transform:scale(1.1);background-color:#f1f3f5}.theme-dark .fab-action-button{background-color:var(--bg-tertiary-dark);color:#ecf0f1;box-shadow:0 2px 10px #0006}.theme-dark .fab-action-button:hover{background-color:var(--input-border)}.theme-dark .fab-action-label{background-color:color-mix(in srgb,var(--bg-tertiary-dark) 70%,transparent);border:1px solid var(--input-border);color:#ecf0f1}.theme-dark .fab-tooltip{background-color:var(--bg-tertiary-dark);color:#ecf0f1}.theme-dark .fab-tooltip:after{border-color:transparent transparent transparent #1e2a38}.fab-submenu{position:absolute;bottom:calc(100% + 1.5rem);right:0;width:300px;background-color:#fff;border-radius:16px;padding:1rem;box-shadow:0 8px 40px #0003;border:1px solid #e9ecef;display:flex;flex-direction:column}.theme-dark .fab-submenu{background-color:var(--bg-tertiary-dark);border-color:var(--input-border)}.fab-submenu h4{text-align:center;margin:.5rem 0 1rem;font-weight:600;color:#2c3e50}.theme-dark .fab-submenu h4{color:#ecf0f1}.fab-submenu-back{position:absolute;top:.75rem;left:.75rem;background:#f1f3f5;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#868e96}.theme-dark .fab-submenu-back{background:var(--bg-secondary-dark);color:var(--text-secondary)}.fab-bubbles-container{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.fab-bubble{background:#f1f3f5;color:#495057;border:none;padding:.6rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.fab-bubble:hover{background-color:#e9ecef;transform:translateY(-2px)}.theme-dark .fab-bubble{background:var(--input-border)!important;background-color:var(--input-border)!important;color:#f1f2f6;--fab-bubble-hover-bg: var(--input-border)}.theme-dark .fab-bubble:hover{background-color:var(--fab-bubble-hover-bg)}.no-courses-message{text-align:center;padding:1rem;color:#868e96}.theme-dark .no-courses-message{color:#adb5bd}@media (max-width: 480px){.quick-tools-fab-container{right:20px;bottom:20px}.fab-menu{position:fixed;bottom:90px;right:20px;background:color-mix(in srgb,var(--bg-primary) 50%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1.5rem;border-radius:20px;border:1px solid #e9ecef;width:auto}.theme-dark .fab-menu{background:color-mix(in srgb,var(--bg-tertiary-dark) 50%,transparent);border-color:var(--input-border)}.fab-submenu{width:calc(100vw - 40px);bottom:90px}.fab-tooltip{display:none}.fab-action-label{box-shadow:none;border-color:transparent!important;background-color:transparent!important}}@media (max-width: 768px){.fab-action-label{background-color:transparent;background:transparent}}.whats-new-popup{position:fixed;bottom:25px;left:25px;z-index:2000;background-color:var(--bg-secondary, #ffffff);border-radius:16px;box-shadow:0 5px 25px #0003;border:2px solid var(--border-color, #e2e8f0);width:380px;max-width:calc(100% - 40px);overflow:hidden;border-left:5px solid var(--funky-accent-four, #1dd1a1)}.whats-new-popup.dark-theme{background-color:var(--bg-secondary-dark, #1e293b);border-color:var(--border-color-dark, #475569);border-left-color:var(--funky-accent-four, #2effc4);box-shadow:0 5px 25px #0006}.popup-header{display:flex;align-items:center;padding:14px 45px 14px 18px;cursor:pointer;-webkit-user-select:none;user-select:none}.popup-title{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--text-primary, #111827)}.whats-new-popup.dark-theme .popup-title{color:var(--text-primary-dark, #f1f5f9)}.popup-header .title-icon{color:var(--funky-accent-four, #1dd1a1)}.whats-new-popup.dark-theme .popup-header .title-icon{color:var(--funky-accent-four, #2effc4)}.popup-header svg{color:var(--text-secondary, #6B7280);transition:transform .3s ease}.whats-new-popup.dark-theme .popup-header svg{color:var(--text-secondary-dark, #cbd5e1)}.popup-content{padding:0 20px 20px;color:var(--text-secondary, #374151);border-top:1px solid var(--border-color, #e2e8f0);overflow-y:auto;max-height:40vh}.whats-new-popup.dark-theme .popup-content{color:var(--text-secondary-dark, #cbd5e1);border-top-color:var(--border-color-dark, #475569)}.popup-content::-webkit-scrollbar{width:6px}.popup-content::-webkit-scrollbar-thumb{background-color:var(--border-color, #d1d5db);border-radius:3px}.whats-new-popup.dark-theme .popup-content::-webkit-scrollbar-thumb{background-color:var(--border-color-dark, #4b5563)}.popup-content h1,.popup-content p,.popup-content ul{color:var(--text-primary, #111827);padding-bottom:15px}.whats-new-popup.dark-theme .popup-content h1,.whats-new-popup.dark-theme .popup-content p,.whats-new-popup.dark-theme .popup-content ul{color:var(--text-primary-dark, #f1f5f9)}.popup-content h3{font-size:1.1rem;color:var(--text-primary, #111827);margin-top:0;margin-bottom:.75rem}.whats-new-popup.dark-theme .popup-content h3{color:var(--text-primary-dark, #f1f5f9)}.popup-content ul{padding-left:20px;margin:0;list-style-type:"✅ "}.popup-content li{margin-bottom:.75rem;line-height:1.5}.popup-content li::marker{color:var(--funky-accent-four, #1dd1a1)}.whats-new-popup.dark-theme .popup-content li::marker{color:var(--funky-accent-four, #1dd1a1)}.popup-close-button{position:absolute;top:10px;right:10px;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--bg-primary);color:var(--text-primary, #111827)!important;transition:background-color .2s,color .2s}.popup-close-button:hover{background-color:var(--hover-bg, #f3f4f6);color:var(--text-primary, #111827)!important}.whats-new-popup.dark-theme .popup-close-button{background-color:var(--bg-primary-dark);color:var(--text-secondary-dark)!important}.whats-new-popup.dark-theme .popup-close-button:hover{background-color:var(--hover-bg-dark, #334155);color:var(--text-primary-dark, #f1f5f9)}.whats-new-popup.expanded{height:auto}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.confirmation-modal{background-color:var(--bg-secondary);color:var(--text-primary);padding:2rem;border-radius:16px;width:90%;max-width:400px;box-shadow:0 10px 30px #0003;border:1px solid var(--border-color)}.modal-header{display:flex;align-items:center;margin-bottom:1rem}.modal-header h3{margin:0 0 0 .75rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-header .close-modal-button{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.modal-header .close-modal-button:hover{background-color:var(--bg-tertiary)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem}.modal-button{padding:.6rem 1.2rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-button.secondary{background-color:var(--bg-tertiary);color:var(--text-secondary)}.modal-button.secondary:hover{background-color:var(--border-color);color:var(--text-primary)}.dark-theme .confirmation-modal{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark)}.dark-theme .modal-header h3,.dark-theme .modal-content p{color:var(--text-primary-dark)}.dark-theme .modal-header .close-modal-button{color:var(--text-muted-dark)}.dark-theme .modal-header .close-modal-button:hover{background-color:var(--bg-tertiary-dark)}.dark-theme .modal-button.secondary{background-color:var(--bg-tertiary-dark);color:var(--text-secondary-dark)}.dark-theme .modal-button.secondary:hover{background-color:var(--border-color-dark);color:var(--text-primary-dark)}.dashboard-sidebar{width:250px;background-image:linear-gradient(0deg,#150e24,#041137);color:#fff;padding:1.5rem;height:100vh;position:fixed;left:0;top:0;display:flex;flex-direction:column;transition:width .3s ease,padding .3s ease,transform .3s ease-in-out;overflow-x:hidden;z-index:1000;border-right:2px solid var(--text-primary)}.theme-dark .dashboard-sidebar{background-image:linear-gradient(145deg,#040611,#272a30);border-right:2px solid var(--border-color-dark)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;min-height:40px;transition:padding .3s ease}.logo-container{display:flex;align-items:center;overflow:hidden;transition:all .3s ease;flex-grow:1}.collapsed .logo-container{flex-grow:0;width:0}.dashboard-logo{height:35px;width:auto;transition:opacity .2s ease,transform .3s ease;opacity:1;transform:translate(0)}.logo-container.collapsed .dashboard-logo{opacity:0;width:0;transform:translate(-20px)}.sidebar-nav{flex-grow:1;display:flex;flex-direction:column;gap:.25rem;margin-top:-10px}.nav-item{display:flex;align-items:center;padding:.8rem 1rem;border-radius:12px;color:#e0e0e0;text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;gap:1rem;position:relative;font-weight:600}.nav-item svg{width:25px!important;height:25px!important}.nav-item span{font-size:1.3rem}.nav-item:hover{background-color:#ffffff1a;color:#fff;transform:translate(5px);box-shadow:0 4px 15px #0003}.nav-item.active{background-color:#4a6bfb;color:#fff;font-weight:600;box-shadow:0 0 20px #4a6bfb99;font-weight:700}.theme-dark .nav-item.active{box-shadow:0 0 20px #667cda99}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:80%;width:4px;background-color:#fff;border-radius:0 4px 4px 0}.nav-item span{transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:50px;position:relative}.sidebar-user-info{display:flex;align-items:center;gap:.75rem;overflow:visible;flex-shrink:1;cursor:pointer}.sidebar-avatar{width:40px;height:40px;border-radius:50%;background-color:#4a6bfb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;border:2px solid rgba(255,255,255,.5);position:relative}.dashboard-sidebar.collapsed .sidebar-user-info{display:none!important}.dashboard-sidebar.collapsed .sidebar-avatar{display:flex}.sidebar-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:110%;left:50%;transform:translate(-50%);background-color:#041137;color:#fff;padding:.4rem .8rem;border-radius:8px;white-space:nowrap;z-index:1010;transition:all .2s ease-in-out;pointer-events:none}.theme-dark .sidebar-user-info:hover .user-tooltip{background-color:var(--bg-secondary-dark)}.sidebar-user-info:hover .user-tooltip{visibility:visible;opacity:1;transform:translate(-50%) translateY(-5px)}.user-popover{position:absolute;bottom:calc(100% + 10px);left:0;width:100%;background-image:linear-gradient(0deg,#150e24,#041137);border:1px solid #4a6bfb;border-radius:16px;box-shadow:0 -5px 25px #4a6bfb4d;z-index:1005;padding:1rem;display:flex;flex-direction:column;gap:1rem}.theme-dark .user-popover{background-image:linear-gradient(145deg,#040611,#272a30);border:2px solid var(--border-color-dark);box-shadow:0 5px 20px #8990ca66}.popover-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.15)}.popover-avatar{width:48px;height:48px;border-radius:50%;background-color:#4a6bfb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;flex-shrink:0;border:2px solid rgba(255,255,255,.7)}.popover-user-name{font-size:1.1rem;font-weight:600;color:#fff}.popover-actions{display:flex;flex-direction:column;gap:.5rem}.popover-action-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;border-radius:10px;color:#e0e0e0;text-decoration:none;font-weight:500;transition:background-color .2s ease,color .2s ease}.popover-action-item:hover{background-color:#ffffff1a;color:#fff}.sidebar-sign-out-button{background:none;border:none;color:#e0e0e0;padding:.5rem;border-radius:8px;cursor:pointer;transition:background-color .2s ease,color .2s ease;flex-shrink:0}.sidebar-sign-out-button:hover{background-color:#f003;color:#fff}.nav-item-popout{visibility:hidden;opacity:0;position:absolute;left:100%;top:50%;transform:translateY(-50%) translate(-10px) scale(.95);background-image:linear-gradient(45deg,#150e24,#041137);color:#fff;padding:.8rem 1rem;border-radius:20px;white-space:nowrap;z-index:1010;transition:all .25s ease-in-out;border:1px solid #4a6bfb;box-shadow:0 5px 20px #4a6bfb66;display:flex;align-items:center;gap:1rem;pointer-events:none}.theme-dark .nav-item-popout{background-image:linear-gradient(145deg,#040611,#272a30);border:1px solid var(--border-color-dark);box-shadow:0 5px 20px #8990ca66}.dashboard-sidebar.collapsed .nav-item-popout span{display:flex!important}.dashboard-sidebar.collapsed:hover{overflow-x:visible}.dashboard-sidebar.collapsed:hover .nav-item{overflow:visible}.nav-item-popout-text{display:flex!important;font-size:14px}.dashboard-sidebar.collapsed{width:80px;padding:1.5rem 1rem}.dashboard-sidebar.collapsed .dashboard-logo{opacity:0}.dashboard-sidebar.collapsed .nav-item>span,.dashboard-sidebar.collapsed .sidebar-user-name{opacity:0;width:0;pointer-events:none}.sidebar-user-name{display:none}.dashboard-sidebar.collapsed .nav-item,.dashboard-sidebar.collapsed .sidebar-footer{justify-content:center}.dashboard-sidebar.collapsed .nav-item:hover .nav-item-popout{visibility:visible;opacity:1;transform:translateY(-50%) translate(15px) scale(1);transition-delay:.2s}.sidebar-toggle{width:40px!important;height:40px!important;background:transparent;border:none;color:#a7b0fb;cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.theme-dark .sidebar-toggle{color:var(--text-primary-dark)}.sidebar-toggle:hover{background-color:#ffffff1a;color:#fff;transform:scale(1.1)}.collapsed .sidebar-header{justify-content:center}.dashboard-sidebar.mobile-sidebar{transform:translate(-100%);padding:1rem}.dashboard-sidebar.mobile-sidebar-open{transform:translate(0);box-shadow:5px 0 25px #0000004d}.sidebar-header .mobile-sidebar-close-button{display:none;position:absolute;top:10px;right:10px;background:none;border:none;color:#fff;cursor:pointer}.sidebar-nav{display:flex;flex-direction:column}.sidebar-nav .nav-item svg{width:28px!important;height:28px!important}.nav-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1.5rem;color:#ffffffb3;text-decoration:none;transition:all .3s ease;border-radius:8px;margin:.25rem 0;font-size:calc(var(--sidebar-font-size) + 10px)!important;overflow:hidden;width:auto}.dashboard-sidebar.collapsed .nav-item{padding:.875rem 0;justify-content:center}.dashboard-sidebar.collapsed .nav-item span{display:none}.nav-item:hover{background-color:#ffffff1a;color:#fff}.nav-item.active{background-color:#ffffff26!important;color:#fff}.dashboard-sidebar .nav-item *,.dashboard-sidebar .sidebar-header *,.dashboard-sidebar .sidebar-footer *{font-size:var(--sidebar-font-size)!important}.dashboard-sidebar.mobile-sidebar-open .sidebar-header .mobile-sidebar-close-button{display:block}.dashboard-sidebar.mobile-sidebar .sidebar-toggle{display:none}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.confirmation-modal{background-color:var(--bg-secondary, #fff);color:var(--text-primary);border-radius:16px;padding:1.5rem;width:90%;max-width:400px;box-shadow:0 10px 30px #0003;border:1px solid var(--border-color);z-index:2000}.dark-theme .confirmation-modal{background-color:var(--bg-secondary-dark);color:var(--text-primary-dark);border-color:var(--border-color-dark)}.modal-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.modal-header h3{flex-grow:1;margin:0;font-size:1.25rem;font-weight:600}.modal-header .warning-icon{color:#f59e0b}.close-modal-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:50%}.close-modal-button:hover{background-color:var(--hover-bg)}.dark-theme .close-modal-button:hover{background-color:var(--hover-bg-dark)}.modal-content p{margin:0;font-size:1rem;line-height:1.5;color:var(--text-secondary)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.modal-button{padding:.6rem 1.2rem;border-radius:8px;border:none;cursor:pointer;font-weight:500;transition:all .2s ease}.modal-button.secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.modal-button.secondary:hover{background-color:var(--hover-bg)}.dark-theme .modal-button.secondary{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark);border-color:var(--border-color-dark)}.dark-theme .modal-button.secondary:hover{background-color:var(--hover-bg-dark)}.modal-button.primary{background-color:#ef4444;color:#fff}.modal-button.primary:hover{background-color:#dc2626}.dark-theme .sidebar-sign-out-button:hover{background-color:var(--bg-tertiary-dark)}@media (max-width: 768px){.dashboard-sidebar.mobile-sidebar{z-index:1001;width:280px;padding:1.5rem;box-shadow:0 0 15px #0003}.dashboard-sidebar.mobile-sidebar-closed{transform:translate(-100%)}.dashboard-sidebar.mobile-sidebar-open{transform:translate(0)}.sidebar-sign-out-button span{display:none!important}.dashboard-sidebar.mobile-sidebar-open .sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 2rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-user-name{display:flex;font-size:14px;font-weight:600;color:#fff;padding-left:10px}.dashboard-sidebar.mobile-sidebar-open .dashboard-logo{width:100px;height:50px!important}.dashboard-sidebar.mobile-sidebar-open .mobile-sidebar-close-button{display:block;position:static}.sidebar-toggle{display:none}.dashboard-sidebar.mobile-sidebar-open .nav-item{width:auto;height:60px!important;padding:.875rem 1.5rem;justify-content:flex-start;display:flex}.dashboard-sidebar.mobile-sidebar-open .nav-item span{display:inline}.mobile-sidebar-backdrop{display:block}.nav-item.active{margin-left:.5rem;margin-right:.5rem;box-shadow:0 0 12px #4a6bfb99}.user-popover{display:flex!important}}@media (min-width: 769px){.dashboard-sidebar.collapsed{width:70px;padding:1.5rem .5rem}.dashboard-sidebar.collapsed .sidebar-header{display:flex;justify-content:center;padding:1rem 0;margin-bottom:1.5rem}.dashboard-sidebar.collapsed .dashboard-logo{width:40px}.dashboard-sidebar.collapsed .nav-item{padding:.875rem 0;justify-content:center}.dashboard-sidebar.collapsed .nav-item span{display:none}.sidebar-toggle{display:flex}.hamburger-menu,.mobile-sidebar-close-button,.mobile-sidebar-backdrop{display:none!important}}@media (max-width: 480px){.nav-item span{font-size:1.3rem!important}}.auth-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1050}.auth-modal-content{background-color:var(--bg-secondary);padding:2.5rem;border-radius:20px;text-align:center;max-width:450px;width:90%;box-shadow:0 10px 30px #0003;border:1px solid var(--border-color)}.dark-theme .auth-modal-content{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark)}.auth-modal-icon{margin-bottom:1.5rem;color:var(--primary-color)}.dark-theme .auth-modal-icon{color:var(--accent-color-dark)}.auth-modal-content h2{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:var(--text-heading)}.dark-theme .auth-modal-content h2{color:var(--text-heading-dark)}.auth-modal-content p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.dark-theme .auth-modal-content p{color:var(--text-secondary-dark)}.auth-modal-button{width:100%;padding:.9rem 1rem;border-radius:8px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;background-color:var(--primary-color);color:#fff}.dark-theme .auth-modal-button{background-color:var(--accent-color-dark);color:var(--bg-primary-dark)}.auth-modal-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.notification-center-container{position:relative}.notification-bell-button{position:relative;background:none;border:none;cursor:pointer;color:var(--text-color-primary);padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.dark-theme .notification-bell-button{color:var(--text-color-primary-dark)}.notification-bell-button:hover{background-color:#0000000d}.dark-theme .notification-bell-button:hover{background-color:#ffffff1a}.notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;width:18px;height:18px;border-radius:50%;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-tertiary);z-index:10}.dark-theme .notification-badge{border-color:var(--bg-secondary)}.notification-dropdown{position:absolute;top:120%;right:0;width:350px;background-color:var(--background-color-light);border-radius:8px;border:1px solid var(--border-color);box-shadow:0 5px 20px #00000026;z-index:1000;overflow:hidden}.dark-theme .notification-dropdown{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);box-shadow:0 5px 25px #0000004d}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color)}.dark-theme .dropdown-header{border-bottom-color:var(--border-color-dark)}.dropdown-header h3{margin:0;font-size:1rem}.close-dropdown-btn{background:none;border:none;cursor:pointer;color:var(--text-color-secondary);padding:4px;border-radius:50%;display:flex}.close-dropdown-btn:hover{background-color:#0000000d}.dark-theme .close-dropdown-btn:hover{background-color:#ffffff1a}.notification-list{max-height:400px;overflow-y:auto}.notification-item{padding:12px 16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s ease;display:flex;gap:10px;align-items:center;position:relative}.dark-theme .notification-item{border-bottom-color:var(--border-color-dark)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#00000008}.dark-theme .notification-item:hover{background-color:#ffffff0d}.notification-item.unread{background-color:var(--accent-color-light)}.dark-theme .notification-item.unread{background-color:#595df61a}.notification-icon-container{flex-shrink:0;width:30px;height:30px;border-radius:50%;background-color:var(--bg-primary);color:var(--accent-color-light);display:flex;align-items:center;justify-content:center}.dark-theme .notification-icon-container{background-color:var(--bg-secondary-dark);color:var(--accent-color-dark)}.notification-content{flex-grow:1}.notification-message{margin:0 0 4px;font-size:.9rem;line-height:1.4;font-weight:500;color:var(--text-primary)}.notification-timestamp{font-size:.75rem;color:var(--text-color-secondary)}.notification-actions{display:flex;align-items:center;gap:4px}.notification-cta-button,.notification-dismiss-button,.notification-test-toast-button{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.notification-cta-button:hover,.notification-dismiss-button:hover,.notification-test-toast-button:hover{background-color:#0000000d;color:var(--text-primary)}.dark-theme .notification-cta-button:hover,.dark-theme .notification-dismiss-button:hover,.dark-theme .notification-test-toast-button:hover{background-color:#ffffff1a;color:var(--text-primary-dark)}.no-notifications{padding:24px;text-align:center;color:var(--text-color-secondary);display:flex;flex-direction:column;align-items:center;gap:8px}.no-notifications p{margin:0;font-size:.9rem}@media (max-width: 468px){.notification-dropdown{margin-right:-3.5rem!important}}.courses-page-content{padding:20px;background-color:color-mix(in srgb,var(--accent-color-dark) 89%,transparent);border-radius:15px}.dark-theme .courses-page-content{background-color:color-mix(in srgb,var(--bg-primary-dark) 50%,transparent)}.courses-overview-card{background:var(--bg-secondary);border-radius:20px;padding:2.5rem;margin-bottom:2.5rem;border:2px solid var(--border-color);box-shadow:0 8px 25px #0000001a,0 4px 12px #0000000d;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center}.dark-theme .courses-overview-card{background:var(--bg-primary-dark);border-color:var(--border-color-dark);box-shadow:0 10px 30px #0006,0 5px 15px #0003}.overview-header{margin-bottom:2rem}.overview-title{font-size:2.5rem;font-weight:800;color:var(--primary-color);margin:0 0 .5rem;line-height:1.1;letter-spacing:-.05em}.dark-theme .overview-title{color:var(--accent-color-dark)}.overview-subtitle{font-size:1.1rem;color:var(--text-color-secondary);max-width:600px;margin:0 auto;line-height:1.5}.dark-theme .overview-subtitle{color:var(--text-secondary-dark)}.overview-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:900px;margin-bottom:2rem}.overview-stat-item{background-color:var(--bg-primary);border-radius:12px;padding:1.25rem 1rem;border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s ease}.dark-theme .overview-stat-item{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark)}.overview-stat-item:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.stat-value-large{font-size:1.5rem!important;font-weight:700;color:var(--text-color-primary);line-height:1;margin-bottom:.5rem}.dark-theme .stat-value-large{color:var(--text-heading-dark)}.stat-label-large{font-size:1rem;font-weight:600;color:var(--text-color-secondary);margin-bottom:.25rem}.dark-theme .stat-label-large{color:var(--text-secondary-dark)}.stat-sub-label{font-size:.85rem;color:var(--text-color-muted)}.dark-theme .stat-sub-label{color:var(--text-muted-dark)}.overview-progress-bar-container{width:80%;height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden;margin-top:1rem}.dark-theme .overview-progress-bar-container{background-color:var(--border-color-dark)}.overview-progress-bar-fill{height:100%;background-color:var(--primary-color);border-radius:4px}.dark-theme .overview-progress-bar-fill{background-color:var(--accent-color-dark)}.overview-progress-text{font-size:.85rem;color:var(--text-color-secondary);margin-top:.5rem}.dark-theme .overview-progress-text{color:var(--text-secondary-dark)}.overview-actions{width:100%;max-width:400px}.overview-action-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.9rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px #4a6bfb33}.dark-theme .overview-action-button{background-color:var(--accent-color-dark);box-shadow:0 4px 10px rgba(var(--accent-color-rgb-dark),.3)}.overview-action-button:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 15px #4a6bfb4d}.dark-theme .overview-action-button:hover{background-color:var(--accent-color-hover-dark);box-shadow:0 6px 15px rgba(var(--accent-color-rgb-dark),.4)}@media (max-width: 900px){.overview-title{font-size:2.2rem}.overview-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-value-large{font-size:2.2rem}}@media (max-width: 768px){.courses-overview-card{padding:2rem 1.5rem;margin-bottom:2rem}.overview-title{font-size:2rem}.overview-subtitle{font-size:1rem}.overview-stats-grid{grid-template-columns:1fr;gap:1rem}.overview-stat-item{padding:1rem}.stat-value-large{font-size:2rem}.stat-label-large{font-size:.9rem}.stat-sub-label{font-size:.8rem}}@media (max-width: 480px){.courses-overview-card{padding:1.5rem 1rem;margin-bottom:1.5rem}.overview-title{font-size:1.8rem}.overview-subtitle{font-size:.9rem}.overview-action-button{font-size:.9rem;padding:.75rem 1rem}}.courses-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{justify-content:center;background-color:#fff;border-radius:var(--dashboard-card-border-radius, 20px);padding:20px;box-shadow:var(--dashboard-card-shadow, 3px 3px 0px var(--primary-color));border:var(--dashboard-card-border, 2px solid var(--text-primary));display:flex;flex-direction:column;align-items:center;transition:var(--dashboard-card-transition, all .3s ease);opacity:.8}.dark-theme .stat-card{background-color:var(--bg-tertiary-dark);box-shadow:var(--dashboard-card-shadow-dark, 3px 3px 0px var(--primary-color-dark));border:var(--dashboard-card-border-dark, 2px solid var(--text-primary-dark))}.stat-card:hover{transform:var(--dashboard-card-hover-transform, translateY(-5px) rotate(-.5deg));box-shadow:var(--dashboard-card-hover-shadow, 6px 6px 0px var(--primary-hover))}.dark-theme .stat-card:hover{transform:var(--dashboard-card-hover-transform-dark, translateY(-5px) rotate(-.5deg));box-shadow:var(--dashboard-card-hover-shadow-dark, 6px 6px 0px var(--primary-hover-dark))}.stat-card h3{margin:0 0 15px;font-size:18px;font-weight:600;color:#333;text-align:center}.dark-theme .stat-card h3{color:var(--text-heading-dark)}.stat-value-courses{font-size:3.5rem!important;font-weight:700;color:#4169e1;margin-bottom:5px;padding:32px}.dark-theme .stat-value-courses{color:var(--stat-value-color-dark)}.overall-progress-card{max-width:100%;border:2px solid var(--text-primary)!important;border-radius:20px!important;box-shadow:var(--dashboard-card-shadow)}.primary-button{background-color:var(--primary-color)!important;color:var(--bg-main)!important}.primary-button:hover{background-color:var(--primary-hover)!important}.dark-theme .primary-button{background-color:var(--accent-color-dark)!important;color:var(--bg-main)!important}.dark-theme .primary-button:hover{background-color:var(--accent-color-hover-dark)!important}.stat-label{font-size:14px;color:#666}.dark-theme .stat-label{color:var(--text-secondary-dark)}.stat-progress-circle{width:100px;height:100px;margin:0 auto}.circular-chart{width:100%;height:100%}.circle-bg{fill:none;stroke:#eee;stroke-width:3.5}.dark-theme .circle-bg{stroke:var(--circle-progress-bg-dark)}.circle{fill:none;stroke:#4169e1;stroke-width:3.5;stroke-linecap:round;transition:stroke-dasharray .5s ease}.dark-theme .circle{stroke:var(--circle-progress-fill-dark)}.percentage{fill:#4169e1;font-size:.45em;font-weight:600;text-anchor:middle;dominant-baseline:middle}.dark-theme .percentage{fill:var(--percentage-text-color-dark)}.courses-filter{margin-bottom:30px}.courses-filter h2{font-size:18px;font-weight:800!important;margin-bottom:15px;color:#333}.dark-theme .courses-filter h2{color:var(--text-heading-dark)}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.filter-btn{background-color:#f5f5f5;border:1px solid var(--text-primary);border-radius:20px;padding:8px 16px;font-size:14px;font-weight:1rem!important;cursor:pointer;transition:all .2s ease;color:#555;margin-left:1px!important;margin-right:1px!important}.dark-theme .filter-btn{background-color:var(--filter-btn-bg-dark);color:var(--filter-btn-text-dark);border:1px solid var(--text-muted-dark)}.filter-btn:hover{background-color:#e6e6e6}.dark-theme .filter-btn:hover{background-color:var(--button-secondary-hover-bg-dark)}.filter-btn.active{background-color:#3b5fcd!important;color:#fff}.dark-theme .filter-btn.active{background-color:var(--filter-btn-active-bg-dark)!important;color:var(--filter-btn-active-text-dark)}.add-courses-btn{background-color:#e0e7ff;color:#4338ca;font-weight:500;display:inline-flex;align-items:center;gap:6px}.dark-theme .add-courses-btn{background-color:var(--add-courses-btn-bg-dark);color:var(--add-courses-btn-text-dark)}.add-courses-btn:hover{background-color:#c7d2fe}.dark-theme .add-courses-btn:hover{background-color:var(--add-courses-btn-hover-bg-dark)}.courses-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center}.loading-animation{position:relative;margin-bottom:20px}.loading-icon{color:#4169e1;opacity:.7}.dark-theme .loading-icon{color:var(--loading-spinner-color-dark)}.loading-spinner-courses{position:absolute;top:0;left:-20px;width:40px;height:40px;border-radius:50%;border:4px solid transparent;border-top-color:#4169e1;animation:spin 1.5s linear infinite;margin-top:100px}.dark-theme .loading-spinner-courses{border-top-color:var(--loading-spinner-color-dark)}.courses-loading h2{margin:0 0 10px;font-size:24px;font-weight:600;color:#333}.dark-theme .courses-loading h2{color:var(--text-heading-dark)}.courses-loading p{margin:0;color:#666}.dark-theme .courses-loading p{color:var(--text-secondary-dark)}.courses-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-color-secondary);background-color:var(--card-background-color);border-radius:var(--dashboard-card-border-radius, 20px);border:2px dashed var(--border-color);margin-top:2rem}.dark-theme .courses-empty{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);color:var(--text-muted-dark)}.courses-empty .empty-icon{color:var(--primary-color);margin-bottom:1rem}.dark-theme .courses-empty .empty-icon{color:var(--accent-color-dark)}.courses-empty h3{font-size:1.5rem;font-weight:600;color:var(--text-color-primary);margin:0 0 .5rem}.dark-theme .courses-empty h3{color:var(--text-heading-dark)}.courses-empty p{font-size:1rem;line-height:1.5;margin-bottom:1.5rem;max-width:500px}.dark-theme .courses-empty p{color:var(--text-primary-dark)}.courses-empty .add-courses-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #4a6bfb33}.dark-theme .courses-empty .add-courses-button{background-color:var(--accent-color-dark);color:var(--text-heading-dark);box-shadow:0 2px 8px rgba(var(--accent-color-rgb-dark),.3)}.courses-empty .add-courses-button:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #4a6bfb4d}.dark-theme .courses-empty .add-courses-button:hover{background-color:var(--accent-color-hover-dark);box-shadow:0 4px 12px rgba(var(--accent-color-rgb-dark),.4)}.calibrating-message{display:flex;flex-direction:column;align-items:center;margin-top:1.5rem;font-size:.95rem;color:var(--text-color-secondary)}.dark-theme .calibrating-message{color:var(--text-secondary-dark)}.calibrating-message .loading-spinner{border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite;margin-bottom:.5rem}.dark-theme .calibrating-message .loading-spinner{border-color:var(--border-color-dark);border-top-color:var(--accent-color-dark)}.refresh-course-info{margin-top:1.5rem;padding-top:1.5rem;border-top:1px dashed var(--border-color);display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.dark-theme .refresh-course-info{border-top-color:var(--border-color-dark)}.refresh-course-info p{font-size:.9rem;color:var(--text-color-secondary);margin:0;max-width:400px;line-height:1.4}.dark-theme .refresh-course-info p{color:var(--text-muted-dark)}.refresh-page-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background-color:var(--button-secondary-bg);color:var(--text-color-primary);border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.dark-theme .refresh-page-button{background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark);border-color:var(--border-color-dark)}.refresh-page-button:hover{background-color:var(--button-secondary-hover-bg);transform:translateY(-1px)}.dark-theme .refresh-page-button:hover{background-color:var(--button-secondary-hover-bg-dark)}.adaptiq-courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.adaptiq-course-card{background-color:var(--bg-primary);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;border:2px solid var(--text-primary)}.dark-theme .adaptiq-course-card{background-color:var(--bg-secondary-dark)}.adaptiq-course-card:hover{transform:translateY(-6px);box-shadow:0 10px 20px #00000026}.course-image-container{height:160px;overflow:hidden}.course-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.adaptiq-course-card:hover .course-image{transform:scale(1.05)}.course-details{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;flex-grow:1}.course-name{font-size:1.25rem;font-weight:700;color:var(--text-color-primary);margin:0 0 .25rem}.course-category{font-size:.9rem;color:var(--text-color-secondary);text-transform:capitalize;margin:0 0 1rem}.course-progress{margin-bottom:1.25rem}.progress-bar{height:5px;background-color:var(--background-color-light);border-radius:2.5px;overflow:hidden}.progress-labels{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;font-size:.8rem;font-weight:600}.course-tier{text-transform:uppercase;letter-spacing:.5px}.course-xp{color:var(--text-color-secondary)}.course-actions{margin-top:auto}.course-action-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem;border-radius:8px;background-color:var(--primary-color);color:#fff;font-weight:600;text-decoration:none;transition:background-color .2s ease,transform .2s ease;gap:.5rem}.course-action-btn:hover{background-color:var(--primary-hover)!important;transform:scale(1.03)}@media (max-width: 768px){.dashboard-content{padding:1rem;margin-left:0!important;padding-top:calc(1rem + 56px)}.courses-page-content{padding:0}.dashboard-header-mobile-top{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--header-bg-dark);border-bottom:1px solid var(--header-border-dark);position:fixed;margin-top:0!important;top:0;left:0;right:0;z-index:990;box-sizing:border-box;width:100%}.theme-dark .dashboard-header-mobile-top{background-color:var(--header-bg-dark);border-bottom-color:var(--header-border-dark)}.dashboard-header-mobile-top .hamburger-menu{display:inline-flex;align-items:center;flex-shrink:0;background:none;border:none;color:var(--header-text-dark);cursor:pointer;padding:.5rem;margin-right:.5rem}.theme-dark .dashboard-header-mobile-top .hamburger-menu{color:var(--header-text-dark)}.dashboard-header-mobile-top .mobile-header-title{flex-grow:1;text-align:center;font-size:1.1rem;font-weight:600;color:var(--header-text-dark);margin:0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-dark .dashboard-header-mobile-top .mobile-header-title{color:var(--header-text-dark)}.dashboard-header-mobile-top .user-profile.mobile-avatar{display:flex;align-items:center;flex-shrink:0;margin-left:.5rem}.dashboard-header-mobile-top .user-profile.mobile-avatar .user-avatar-initials{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:var(--mobile-avatar-bg-dark);color:var(--mobile-avatar-text-dark);font-size:.8rem;font-weight:500}.dashboard-header-mobile-top .user-profile.mobile-avatar .header-avatar-image{width:32px;height:32px;border-radius:50%;object-fit:cover}.dashboard-header{display:none!important}.dashboard-header>h1{display:none}.dashboard-header>.user-profile{display:none}.dashboard-header .desktop-hidden-hamburger{display:none!important}.user-profile .user-name{display:none}.courses-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.courses-stats .stat-card:nth-child(3){grid-column:1 / span 2;justify-self:center;width:var(--stat-card-width, 250px);max-width:100%}.stat-card{padding:1rem}.stat-card h3{font-size:1.2rem!important}.stat-label{font-size:.8rem}.stat-progress-circle{width:80px;height:80px}.percentage{font-size:.4em}.courses-filter h2{font-size:1.1rem;margin-bottom:.75rem}.adaptiq-courses-grid{grid-template-columns:1fr}.adaptiq-course-card{border-top-width:3px}.course-image-container{height:140px}.course-details{padding:1rem}.course-name{font-size:1.1rem}.course-category{font-size:.85rem;margin-bottom:.75rem}.course-progress{margin-bottom:.75rem}.progress-bar{height:5px}.progress-text{font-size:.75rem}.course-last-accessed{font-size:.75rem;margin-bottom:1rem}.course-actions{flex-direction:column;gap:.5rem}.course-action-btn{font-size:.85rem;padding:.6rem}.filter-buttons{overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch;white-space:nowrap;display:flex}.filter-btn{display:inline-block;margin-right:8px;flex-shrink:0}.add-courses-btn{padding:8px 12px}.add-courses-btn span{display:none}.add-courses-btn svg{margin-right:0}.stat-value-courses{font-size:3.5rem!important;padding:35px}}@media (max-width: 480px){.dashboard-content,.dashboard-header{padding:.5rem}.dashboard-header h1{font-size:1rem;margin:0 .25rem}.hamburger-menu{padding:.25rem}.user-avatar{width:28px;height:28px}.course-image-container{height:120px}.course-name{font-size:1rem}}.theme-dark .hamburger-menu{color:var(--text-primary-dark)}.dashboard-header .user-avatar{overflow:hidden;border-radius:20px!important}.header-avatar-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:20px!important}.dark-theme .courses-page-content{--bg-primary-dark: #121212;--bg-secondary-dark: #1e1e1e;--bg-tertiary-dark: #2b2b2b;--text-primary-dark: #e0e0e0;--text-secondary-dark: #b0b0b0;--text-heading-dark: #ffffff;--text-muted-dark: #808080;--border-color-dark: #404040;--accent-color-dark: #4f46e5;--accent-color-hover-dark: #635dff;--accent-color-rgb-dark: 79, 70, 229;--button-secondary-bg-dark: #404040;--button-secondary-text-dark: #e0e0e0;--button-secondary-hover-bg-dark: #505050;--stat-card-bg-dark: var(--bg-tertiary-dark);--stat-card-shadow-dark: 0 4px 12px rgba(0,0,0,.4);--stat-value-color-dark: var(--accent-color-dark);--circle-progress-bg-dark: var(--border-color-dark);--circle-progress-fill-dark: var(--accent-color-dark);--percentage-text-color-dark: var(--text-heading-dark);--filter-btn-bg-dark: #333333;--filter-btn-text-dark: var(--text-primary-dark);--filter-btn-active-bg-dark: var(--accent-color-dark);--filter-btn-active-text-dark: var(--text-heading-dark);--add-courses-btn-bg-dark: rgba(var(--accent-color-rgb-dark), .15);--add-courses-btn-text-dark: var(--accent-color-dark);--add-courses-btn-hover-bg-dark: rgba(var(--accent-color-rgb-dark), .25);--course-card-bg-dark: var(--bg-tertiary-dark);--course-card-border-top-dark: var(--accent-color-dark);--course-card-completed-border-dark: #38a169;--course-card-not-started-border-dark: #555555;--course-card-shadow-dark: 0 6px 16px rgba(0,0,0,.35);--course-difficulty-bg-dark: rgba(0,0,0,.7);--course-difficulty-text-dark: #ffffff;--progress-bar-bg-dark: var(--border-color-dark);--progress-fill-dark: var(--accent-color-dark);--progress-fill-completed-dark: var(--course-card-completed-border-dark);--learn-btn-bg-dark: var(--accent-color-dark);--learn-btn-text-dark: var(--text-heading-dark);--learn-btn-hover-bg-dark: var(--accent-color-hover-dark);--view-btn-bg-dark: var(--button-secondary-bg-dark);--view-btn-text-dark: var(--button-secondary-text-dark);--view-btn-hover-bg-dark: var(--button-secondary-hover-bg-dark);--loading-spinner-color-dark: var(--accent-color-dark);--empty-state-icon-color-dark: #505050;--onboarding-link-bg-dark: var(--accent-color-dark);--onboarding-link-text-dark: var(--text-heading-dark);--onboarding-link-hover-bg-dark: var(--accent-color-hover-dark);--header-bg-dark: var(--bg-secondary-dark);--header-text-dark: var(--text-heading-dark);--header-border-dark: var(--border-color-dark);--mobile-avatar-bg-dark: var(--accent-color-dark);--mobile-avatar-text-dark: var(--text-heading-dark)}.course-card-link{width:100%;text-decoration:none;color:inherit;display:block;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.course-card-link:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.course-card{background-color:var(--background-color);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:100%}.course-card-header{display:flex;align-items:center;padding:16px}.course-card-image{width:50px;height:50px;border-radius:8px;margin-right:16px;object-fit:cover}.course-card-title-container{flex-grow:1}.course-card-title{font-size:1.1rem;font-weight:600;margin:0;color:var(--text-color-primary)}.course-card-category{font-size:.8rem;color:var(--text-color-secondary);text-transform:capitalize}.course-card-body{padding:0 16px 12px;display:flex;justify-content:space-between;align-items:center}.course-card-tier{font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:6px;text-transform:uppercase}.course-card-xp{font-size:.9rem;font-weight:600;color:var(--text-color-secondary)}.course-progress-bar-container{height:6px;background-color:var(--background-color-light);margin:0 16px;border-radius:3px;overflow:hidden}.course-progress-bar{height:100%;border-radius:3px;transition:width .5s ease-in-out}.course-card-footer{margin-top:auto;padding:16px;text-align:right}.course-view-details{font-size:.85rem;font-weight:600;color:var(--primary-color);display:inline-flex;align-items:center;gap:4px}.overall-progress-card{background-color:color-mix(in srgb,var(--bg-secondary) 70%,transparent);grid-column:span 1;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px}.dark-theme .overall-progress-card{background-image:linear-gradient(135deg,var(--bg-secondary-dark),var(--bg-tertiary-dark));color:var(--text-primary-dark);border-color:var(--text-muted-dark)!important;box-shadow:var(--dashboard-card-shadow-dark);border:var(--dashboard-card-border-dark)}.card-title-alt{color:var(--text-color-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem;text-align:center}.dark-theme .card-title-alt{color:var(--text-heading-dark)}.course-card-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1}.course-card-content{position:relative;z-index:2;padding:1.5rem;background:linear-gradient(180deg,#17171700,#171717cc 40%,#171717)}.course-card-info{margin-bottom:1.5rem}.course-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.course-category{color:#a0a0a0;font-size:.9rem;margin-bottom:1rem;text-transform:capitalize}.progress-bar-container{height:5px;background-color:#fff3;border-radius:2.5px;margin-bottom:.75rem}.progress-fill{height:100%;border-radius:2.5px}.course-stats-row{display:flex;justify-content:space-between;align-items:center}.course-tier{font-size:.9rem;font-weight:700;text-transform:uppercase}.course-xp{font-size:.9rem;color:#a0a0a0;font-weight:600}.course-actions .course-action-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.8rem;border-radius:15px;background-color:var(--primary-color);color:#fff;font-weight:600;text-decoration:none;transition:background-color .2s ease;gap:.5rem}.course-actions .course-action-btn:hover{background-color:var(--primary-color-dark)}.course-actions .course-action-btn:hover{background-color:var(--button-secondary-hover-bg-dark);color:var(--button-secondary-hover-text-dark)}.course-card-v2{position:relative;width:100%;height:400px;background-color:var(--bg-secondary-dark);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 20px #0003,0 6px 6px #00000040;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid var(--border-color-dark)}.course-card-v2:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 35px #0000004d,0 10px 10px #00000040}.course-card-v2-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.course-card-v2:hover .course-card-v2-bg{transform:scale(1.1)}.course-card-v2-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(10,20,40,.95) 25%,rgba(10,20,40,.4) 60%,transparent 100%)}.dark-theme .course-card-v2-overlay{background:linear-gradient(to top,rgba(5,10,20,.95) 25%,rgba(5,10,20,.4) 60%,transparent 100%)}.course-card-v2-content{position:relative;z-index:2;padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-end;height:100%;color:#fff}.v2-subject-icon{width:50px;height:50px;padding:10px;border-radius:14px;background-color:#ffffff1a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);margin-bottom:1rem}.course-card-v2-title{font-size:1.6rem;font-weight:800;line-height:1.2;margin-bottom:.5rem;text-shadow:1px 1px 5px rgba(0,0,0,.5)}.v2-progress-container{width:100%;margin-bottom:1rem}.v2-progress-bar-bg{width:100%;height:8px;background-color:#fff3;border-radius:4px;overflow:hidden}.v2-progress-bar-fill{height:100%;background-color:#4a6bfb;border-radius:4px;transition:width .5s ease-in-out}.v2-progress-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#fffc;margin-top:.5rem}.v2-cta-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.9rem 1rem;background-color:#ffffffe6;color:#1a1a2e;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none}.v2-cta-button:hover{background-color:#fff;color:#000;transform:scale(1.05);box-shadow:0 5px 15px #4a6bfb66}.course-options-button{position:absolute;top:10px;right:10px;background-color:#0000004d;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease;color:#fff}.course-options-button:hover{background-color:#00000080;transform:scale(1.1)}.course-options-button svg{stroke-width:2.5}.course-options-menu{position:absolute;top:50px;right:10px;background-color:var(--card-background);border-radius:10px;box-shadow:var(--dropdown-shadow);z-index:20;overflow:hidden;border:1px solid var(--border-color);display:flex;flex-direction:column;padding:.5rem 0}.course-options-item{background:none;border:none;color:var(--text-main);padding:.75rem 1.5rem;text-align:left;cursor:pointer;font-size:.9rem;transition:background-color .2s ease;width:100%}.theme-dark .course-options-item{color:var(--text-main-dark)}.course-options-item:hover{background-color:var(--background-color-light)}.course-options-item.delete-option{color:var(--danger-color)}.course-options-item.delete-option:hover{background-color:#ff00001a}.theme-dark .course-options-menu{background-color:var(--bg-tertiary-dark)}.course-card-skeleton .skeleton-progress{width:90%;height:8px;background-color:var(--skeleton-bg-color);border-radius:4px;margin:16px auto 0}.dark-theme .course-card-skeleton .skeleton-progress{background-color:var(--skeleton-bg-color-dark)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.confirmation-modal{background:#fff;border-radius:20px!important;width:90%;max-width:500px;padding:16px;box-shadow:0 10px 25px #0003;overflow:hidden;z-index:3000!important}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-title{display:flex;align-items:center;gap:12px;color:#1a73e8}.modal-title h2{margin:0;font-size:1.5rem;font-weight:600}.modal-close{background:transparent;border:none;color:#5f6368;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.modal-close:hover{background-color:#5f63681a}.modal-content{margin-bottom:1px;padding:8px 0;max-height:60vh;overflow-y:auto}.modal-message{font-size:1rem;line-height:1.5;color:#202124;margin-bottom:12px}.modal-submessage{font-size:.85rem;color:#5f6368;font-style:italic}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.modal-btn{padding:10px 16px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.modal-btn.confirm-btn{background-color:var(--primary-color);color:#fff}.modal-btn.confirm-btn:hover{background-color:var(--primary-hover)}.cancel-btn{background-color:transparent;color:#1a73e8}.cancel-btn:hover{background-color:#1a73e81a}.confirm-btn{background-color:#1a73e8;color:#fff}.confirm-btn:hover{background-color:#0d66d0;box-shadow:0 2px 6px #1a73e84d}.dark-theme .confirmation-modal{background-color:#202124;color:#e8eaed}.dark-theme .modal-title{color:#8ab4f8}.dark-theme .modal-title h2,.dark-theme .modal-message{color:#e8eaed}.dark-theme .modal-submessage,.dark-theme .modal-close{color:#9aa0a6}.dark-theme .cancel-btn{color:#8ab4f8}.dark-theme .cancel-btn:hover{background-color:#8ab4f81a}.dark-theme .confirm-btn{background-color:#8ab4f8;color:#202124}.dark-theme .confirm-btn:hover{background-color:#aecbfa}.xp-progress-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;margin-top:-1rem;padding:0rem;box-sizing:border-box;position:relative}.xp-details{text-align:center;margin-top:-20px}.progress-label-tier{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.progress-label-xp{font-size:.9rem;font-weight:500}.xp-to-next-level{font-size:.9rem;color:var(--text-color-secondary);margin-top:8px}.xp-to-next-level .xp-value{font-weight:700;color:var(--text-color-primary)}.recharts-wrapper{margin:0 auto}@media (max-width: 768px){.xp-progress-container{margin-top:-2rem}.progress-label-tier{font-size:.8rem}.progress-label-xp{font-size:.7rem}}.course-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--background-color-rgb, 0, 0, 0),.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10001;display:flex;align-items:center;justify-content:center;padding:1rem}.theme-dark .course-popup-overlay{background-color:rgba(var(--bg-primary-dark),.8)}.course-popup-content{background-color:var(--bg-secondary);color:var(--text-primary);border-radius:24px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:800px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative}.theme-dark .course-popup-content{background-color:var(--bg-secondary-dark);color:var(--text-primary-dark)}.course-popup-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-muted);cursor:pointer;transition:color .2s;z-index:10}.course-popup-close:hover{color:var(--text-primary)}.course-popup-image-container{padding:2rem;background-color:var(--bg-tertiary);height:100%;display:flex;align-items:center;justify-content:center}.theme-dark .course-popup-image-container{background-color:var(--bg-primary-dark)}.course-popup-image-container img{width:100%;height:auto;border-radius:12px;object-fit:contain}.course-popup-text-content{padding:2.5rem;display:flex;flex-direction:column;gap:1.25rem;text-align:left}.course-popup-text-content h2{font-size:1.75rem;font-weight:700;color:var(--text-heading);margin:0}.theme-dark .course-popup-text-content h2{color:var(--text-heading-dark)}.course-popup-text-content p{font-size:1.05rem;line-height:1.6;color:var(--text-secondary);margin:0}.theme-dark .course-popup-text-content p{color:var(--text-secondary-dark)}.course-popup-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:12px;padding:.8rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.5rem;transition:all .2s ease-in-out;align-self:flex-start}.course-popup-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 15px rgba(var(--primary-color-rgb, 79, 70, 229),.2)}@media (max-width: 768px){.course-popup-content{grid-template-columns:1fr;max-width:480px;padding:0}.course-popup-image-container{padding:2rem 2rem 0;background-color:transparent}.theme-dark .course-popup-image-container{background-color:transparent}.course-popup-text-content{padding:2rem;text-align:center;align-items:center}.course-popup-button{width:100%}}.help-btn{font-weight:700!important;width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.update-courses-highlight{color:var(--primary-color);font-weight:600}.theme-dark .update-courses-highlight{color:var(--accent-color-dark)}.help-text{font-size:.9rem!important;color:var(--text-muted)!important;margin-top:-.5rem!important}.theme-dark .help-text{color:var(--text-muted-dark)!important}.help-button-highlight{display:inline-flex;align-items:center;justify-content:center;font-weight:700;background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:50%;width:22px;height:22px}.theme-dark .help-button-highlight{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark);border-color:var(--border-color-dark)}.schedule-controls{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.dark-theme .schedule-controls{border-bottom-color:var(--border-color-dark)}.schedule-actions{display:flex;align-items:center;gap:1rem}.edit-button,.regenerate-button,.export-button,.schedule-help-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;font-size:.9rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.dark-theme .edit-button,.dark-theme .regenerate-button,.dark-theme .export-button,.dark-theme .schedule-help-btn{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.edit-button:hover,.regenerate-button:hover,.export-button:hover,.schedule-help-btn:hover{background-color:var(--bg-elevated);border-color:var(--text-muted)}.dark-theme .edit-button:hover,.dark-theme .regenerate-button:hover,.dark-theme .export-button:hover,.dark-theme .schedule-help-btn:hover{background-color:var(--bg-elevated-dark);border-color:var(--text-muted-dark)}.edit-button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.dark-theme .edit-button.active{background-color:var(--accent-color-dark);border-color:var(--accent-color-dark)}.button-spinner{animation:spin 1s linear infinite}.export-container{position:relative}.export-options{position:absolute;top:calc(100% + 10px);right:0;background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:.5rem;z-index:100;width:180px;border:1px solid var(--border-color)}.dark-theme .export-options{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark)}.export-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:none;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.dark-theme .export-option{color:var(--text-primary-dark)}.export-option:hover{background-color:var(--bg-elevated)}.dark-theme .export-option:hover{background-color:var(--bg-elevated-dark)}.edit-instructions{padding:0 2rem 1.5rem;text-align:center}.dark-theme .edit-instructions p{color:var(--text-secondary-dark)}.add-day-container{position:relative;display:inline-block;margin-top:1rem}.add-day-button{background-color:var(--button-secondary-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem}.dark-theme .add-day-button{background-color:var(--button-secondary-bg-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.add-day-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 10px #0000001a;z-index:10;margin-top:.5rem}.dark-theme .add-day-dropdown{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark)}.add-day-dropdown button{display:block;width:100%;padding:.75rem 1.5rem;background:none;border:none;color:var(--text-primary);text-align:left;cursor:pointer}.dark-theme .add-day-dropdown button{color:var(--text-primary-dark)}.add-day-dropdown button:hover{background-color:var(--bg-elevated)}.dark-theme .add-day-dropdown button:hover{background-color:var(--bg-elevated-dark)}.schedule-loading,.schedule-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary);background-color:var(--bg-primary);border-radius:16px;margin:2rem}.dark-theme .schedule-loading,.dark-theme .schedule-empty{background-color:var(--bg-secondary-dark);color:var(--text-secondary-dark)}.loading-animation{position:relative;margin-bottom:1.5rem}.loading-icon{color:var(--primary-color);opacity:.7}.dark-theme .loading-icon{color:var(--accent-color-dark)}.loading-spinner-schedule{position:absolute;top:50%;left:50%;width:70px;height:70px;margin-top:-35px;margin-left:-35px;border-radius:50%;border:4px solid transparent;border-top-color:var(--primary-color);animation:spin 1.5s linear infinite}.dark-theme .loading-spinner-schedule{border-top-color:var(--accent-color-dark)}.schedule-loading h2,.schedule-empty h2{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--text-heading)}.dark-theme .schedule-loading h2,.dark-theme .schedule-empty h2{color:var(--text-heading-dark)}.schedule-loading p,.schedule-empty p{max-width:500px;line-height:1.6}.schedule-missing-prefs .preferences-link-button,.schedule-empty .onboarding-link,.schedule-empty .regenerate-button{margin-top:1.5rem;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;background-color:var(--primary-color);color:#fff;text-decoration:none}.dark-theme .schedule-missing-prefs .preferences-link-button,.dark-theme .schedule-empty .onboarding-link,.dark-theme .schedule-empty .regenerate-button{background-color:var(--accent-color-dark);color:var(--text-heading-dark)}.schedule-calendar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:2rem}.calendar-day{background-color:var(--bg-primary);border-radius:16px;display:flex;flex-direction:column}.dark-theme .calendar-day{background-color:var(--bg-secondary-dark)}.day-header{padding:1rem;font-weight:600;font-size:1.1rem;border-bottom:1px solid var(--border-color)}.dark-theme .day-header{border-bottom-color:var(--border-color-dark)}.day-sessions{padding:1rem;display:flex;flex-direction:column;gap:1rem;flex-grow:1}.session-card{background-color:var(--bg-secondary);border-radius:12px;padding:1rem;border-left:5px solid var(--primary-color);transition:all .2s ease;cursor:pointer}.dark-theme .session-card{background-color:var(--bg-tertiary-dark);border-left-color:var(--accent-color-dark)}.session-card:hover{transform:translateY(-3px);box-shadow:0 4px 10px #0000000d}.delete-session-btn{float:right;background:none;border:none;color:var(--text-muted);cursor:pointer}.session-time{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.dark-theme .session-time{color:var(--text-muted-dark)}.session-course{font-weight:600;margin-bottom:.75rem}.session-details{display:flex;gap:.75rem;font-size:.8rem}.session-type{background-color:var(--bg-elevated);padding:.25rem .5rem;border-radius:6px}.dark-theme .session-type{background-color:var(--bg-elevated-dark)}.session-difficulty{padding:.25rem .5rem;border-radius:6px}.session-difficulty.easy{background-color:#d4edda;color:#155724}.session-difficulty.medium{background-color:#fff3cd;color:#856404}.session-difficulty.hard{background-color:#f8d7da;color:#721c24}.dark-theme .session-difficulty.easy{background-color:#28a7454d;color:#a7d7b4}.dark-theme .session-difficulty.medium{background-color:#ffc1074d;color:#ffe58c}.dark-theme .session-difficulty.hard{background-color:#dc35454d;color:#f1b0b7}.no-sessions{text-align:center;color:var(--text-muted);padding:2rem 0;font-style:italic}.add-session-btn{width:100%;padding:.75rem;margin-top:auto;background-color:transparent;border:2px dashed var(--border-color);border-radius:12px;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.dark-theme .add-session-btn{border-color:var(--border-color-dark);color:var(--text-muted-dark)}.add-session-btn:hover{background-color:var(--bg-elevated);border-color:var(--text-muted)}.dark-theme .add-session-btn:hover{background-color:var(--bg-elevated-dark);border-color:var(--text-muted-dark)}.toast-notification{position:fixed;top:20px;right:20px;padding:12px 18px;border-radius:8px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:300px;max-width:400px;animation:slideIn .3s ease-out forwards}.toast-notification.success{background-color:#e8f5e9;border-left:4px solid #4caf50;color:#2e7d32}.toast-notification.error{background-color:#ffebee;border-left:4px solid #f44336;color:#c62828}.toast-notification .toast-message{flex:1;font-size:14px;font-weight:500}.toast-notification .toast-close{background:none;border:none;font-size:18px;cursor:pointer;opacity:.6;transition:opacity .2s;padding:0;margin-left:8px;color:inherit}.toast-notification .toast-close:hover{opacity:1}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.dark-theme .toast-notification.success{background-color:#4caf5033;border-left:4px solid #4caf50;color:#81c784}.dark-theme .toast-notification.error{background-color:var(--danger-color-dark, #581c22);color:var(--danger-color-light, #f8d7da)}@media (max-width: 768px){.schedule-controls{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.schedule-actions{justify-content:space-around;width:100%}.edit-button,.regenerate-button,.export-button,.schedule-help-btn{flex-grow:1;padding:.75rem}.export-button{flex-grow:0}.schedule-help-btn{display:flex}.regenerate-button span,.export-button span,.edit-button span{display:none}.schedule-calendar{grid-template-columns:1fr;padding:1rem}.day-sessions{padding:.75rem}}.subject-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0a192f80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.dark-theme .subject-popup-overlay{background-color:color-mix(in srgb,var(--bg-primary-dark) 30%,transparent)}.subject-popup{background-color:#fff;border-radius:20px;box-shadow:0 10px 40px #00000026;width:90%;max-width:480px;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .4s cubic-bezier(.25,.46,.45,.94)}.dark-theme .subject-popup{background-color:var(--bg-secondary-dark);box-shadow:0 10px 40px #0006;border:1px solid var(--border-primary-dark)}.subject-popup-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);position:relative}.dark-theme .subject-popup-header{border-bottom:1px solid var(--border-primary-dark)}.subject-popup-category{font-size:.8rem;font-weight:600;color:#4a6bfb;background-color:#4a6bfb1a;padding:.25rem .75rem;border-radius:12px;text-transform:capitalize}.dark-theme .subject-popup-category{color:#63b3ed;background-color:#63b3ed1a}.close-button{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;color:#718096;transition:background-color .2s,color .2s;display:flex;align-items:center;justify-content:center}.close-button:hover{background-color:#f7fafc;color:#1a202c}.dark-theme .close-button{color:#a0aec0}.dark-theme .close-button:hover{background-color:#2d3748;color:#e2e8f0}.subject-popup-content{padding:1.5rem;text-align:center}.subject-image-container{width:100%;height:180px;margin-bottom:1.5rem;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #00000014}.subject-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.subject-popup:hover .subject-image{transform:scale(1.05)}.subject-popup-title{font-size:1.75rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}.dark-theme .subject-popup-title{color:#e2e8f0}.subject-popup-description{font-size:1rem;line-height:1.6;color:#4a5568;margin:0}.dark-theme .subject-popup-description{color:#a0aec0}.subject-popup-footer{padding:1.5rem;background-color:#fff;border-top:1px solid #ffffff;display:flex}.dark-theme .subject-popup-footer{background-color:var(--bg-secondary-dark);border-top:1px solid var(--border-primary-dark)}.schedule-learn-button{flex-grow:1;display:flex;justify-content:center;align-items:center;gap:.75rem;background-color:var(--primary-color);color:#fff;border:none;padding:.85rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s,transform .2s,box-shadow .3s;box-shadow:0 4px 15px #4a6bfb33}.schedule-learn-button:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #4a6bfb4d}.schedule-learn-button:active{transform:translateY(0);box-shadow:0 4px 15px #4a6bfb33}.dark-theme .schedule-learn-button{background-color:var(--accent-color-dark);box-shadow:0 4px 15px #63b3ed26}.dark-theme .schedule-learn-button:hover{background-color:var(--accent-color-dark-hover);box-shadow:0 6px 20px #63b3ed40}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 576px){.subject-popup{max-width:95%}.subject-popup-header,.subject-popup-content,.subject-popup-footer{padding:16px}.subject-popup-header h2{font-size:1.1rem}.subject-popup-content{font-size:.95rem}.subject-image-container{height:150px}.subject-image{width:100%;height:100%;object-fit:contain;object-fit:cover}.learn-button{padding:8px 16px;font-size:.9rem;min-width:80px;height:10vh}}@media (max-width: 600px){.subject-popup-overlay{align-items:flex-end}.subject-popup{width:100%;max-width:100%;height:auto;max-height:90vh;border-radius:20px 20px 0 0;animation:none}.modal-grabber-container{display:flex;justify-content:center;width:100%;position:absolute;top:8px;left:0}.modal-grabber{width:40px;height:5px;background-color:var(--border-color);border-radius:2.5px}.dark-theme .modal-grabber{background-color:var(--border-color-dark)}.subject-popup-header{padding-top:28px}.subject-popup-content{overflow-y:auto}}.modal-backdrop-schedule{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0a192f80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000}.dark-theme .modal-backdrop-schedule{background-color:color-mix(in srgb,var(--bg-secondary-dark) 40%,transparent)}.add-session-modal{background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;width:90%;max-width:500px;overflow:hidden;border:1px solid var(--border-color)}.dark-theme .add-session-modal{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.modal-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.add-session-modal.dark .modal-header{border-bottom-color:var(--border-color-dark)}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.modal-footer{overflow-x:hidden!important}.modal-close-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;color:#718096;transition:all .2s}.modal-close-btn:hover{background-color:#f1f5f9;color:#1a202c}.add-session-modal.dark .modal-close-btn{color:#a0aec0}.add-session-modal.dark .modal-close-btn:hover{background-color:#2d3748;color:#e2e8f0}.modal-tabs{display:flex;padding:.5rem;background-color:#f8fafc;margin:1rem 1.5rem;border-radius:12px}.add-session-modal.dark .modal-tabs{background-color:var(--bg-tertiary-dark)}.tab-btn{flex:1;padding:.75rem;border:none;background-color:transparent;border-radius:8px;cursor:pointer;font-weight:600;color:#475569;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.dark-theme .tab-btn{color:var(--text-primary-dark);background-color:var(--bg-tertiary-dark)}.tab-btn.active{background-color:#fff;color:#3a5be0;box-shadow:0 2px 8px #00000012}.dark-theme .tab-btn.active{background-color:var(--button-primary-bg);color:#fff}.modal-form{padding:0 1.5rem 1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;font-size:.9rem}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background-color:#f8fafc;transition:border-color .2s,box-shadow .2s}.add-session-modal.dark .form-group input,.add-session-modal.dark .form-group select{background-color:var(--bg-tertiary-dark);border-color:var(--border-primary-dark);color:#e2e8f0}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4a6bfb;box-shadow:0 0 0 3px #4a6bfb33}.add-session-modal.dark .form-group input:focus,.add-session-modal.dark .form-group select:focus{border-color:var(--primary-color-dark);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color-dark) 20%,transparent)}.time-inputs{display:flex;gap:1rem}.time-inputs .form-group{flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--border-color)}.dark-theme .modal-footer{border-top-color:var(--border-color-dark)}.modal-footer button{padding:.75rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-cancel{background-color:transparent;color:#475569}.btn-cancel:hover{background-color:#f1f5f9}.add-session-modal.dark .btn-cancel{color:#a0aec0}.add-session-modal.dark .btn-cancel:hover{background-color:#2d3748}.btn-save{background-color:var(--primary-color);color:#fff}.btn-save:hover{background-color:var(--button-primary-hover-bg)}.add-session-modal.dark .btn-save{background-color:var(--primary-color-dark);color:#fff}.add-session-modal.dark .btn-save:hover{background-color:var(--primary-hover-dark)}.dark-theme .btn-save{background-color:var(--button-primary-bg)!important;color:#fff}.dark-theme .btn-save:hover{background-color:var(--button-primary-hover-bg)!important}.dark-theme .form-group input,.dark-theme .form-group select{background-color:var(--bg-tertiary-dark)!important;border-color:var(--border-color-dark)!important;color:var(--text-primary-dark)!important}@media (max-width: 600px){.modal-backdrop-schedule{align-items:flex-end}.add-session-modal{width:100%;max-width:100%;height:auto;max-height:90vh;border-radius:20px 20px 0 0;border-bottom:none;margin-bottom:-1px}.modal-grabber-container{display:flex;justify-content:center;width:100%;position:absolute;top:8px;left:0;padding:0}.modal-grabber{width:40px;height:5px;background-color:var(--border-color);border-radius:2.5px}.dark-theme .modal-grabber{background-color:var(--border-color-dark)}.modal-header{padding-top:28px}.add-session-modal-content{overflow-y:auto;overflow-x:hidden;max-height:calc(90vh - 80px)}.modal-form{overflow-y:visible;max-height:none}}.custom-event-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:color-mix(in srgb,var(--bg-secondary) 50%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000}.dark-theme .custom-event-popup-overlay{background-color:color-mix(in srgb,var(--bg-tertiary-dark) 10%,transparent)}.custom-event-popup{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;width:90%;max-width:450px;overflow:hidden;border:1px solid var(--border-color)}.dark-theme .custom-event-popup{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.custom-event-popup-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:#f8fafc}.custom-event-popup.dark .custom-event-popup-header{border-bottom-color:var(--border-color-dark);background-color:var(--bg-tertiary-dark)}.header-icon-wrapper{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text-secondary)}.custom-event-popup.dark .header-icon-wrapper{color:var(--text-secondary-dark)}.custom-event-close-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;color:var(--text-secondary);transition:all .2s}.custom-event-close-btn:hover{background-color:var(--hover-bg)}.custom-event-popup.dark .custom-event-close-btn:hover{background-color:var(--hover-bg-dark)}.custom-event-popup-content{padding:1.5rem 1.75rem}.custom-event-time{font-size:.9rem;font-weight:600;color:var(--text-secondary);background-color:var(--hover-bg);padding:.35rem .75rem;border-radius:8px;display:inline-block;margin-bottom:1.25rem}.custom-event-popup.dark .custom-event-time{color:var(--text-secondary-dark);background-color:var(--hover-bg-dark)}.custom-event-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-top:0;margin-bottom:.75rem}.custom-event-popup.dark .custom-event-title{color:var(--text-primary-dark)}.custom-event-description{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin:0;white-space:pre-wrap}.custom-event-popup.dark .custom-event-description{color:var(--text-secondary-dark)}.schedule-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.dark-theme .schedule-popup-overlay{background-color:#0a0a0fb3}.schedule-popup-content{background-color:var(--bg-primary);border-radius:24px;box-shadow:0 10px 30px #0003;width:100%;max-width:420px;position:relative;overflow:hidden;display:flex;flex-direction:column}.dark-theme .schedule-popup-content{background-color:var(--bg-secondary-dark);border:1px solid var(--border-color-dark)}.schedule-popup-close{position:absolute;top:16px;right:16px;background:#0000001a;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;z-index:10;transition:all .2s ease}.dark-theme .schedule-popup-close{background:#ffffff1a;color:var(--text-secondary-dark)}.schedule-popup-close:hover{background:#0003;transform:rotate(90deg)}.schedule-popup-body{padding:3rem 2rem 2rem;overflow:hidden;min-height:450px}.schedule-popup-step-content{display:flex;flex-direction:column;align-items:center;text-align:center}.schedule-popup-image-container{width:100%;height:250px;margin-bottom:2rem;border-radius:16px;overflow:hidden;background-color:var(--bg-secondary)}.dark-theme .schedule-popup-image-container{background-color:var(--bg-tertiary-dark)}.schedule-popup-image-container img{width:100%;height:100%;object-fit:contain}.schedule-popup-text-content h2{font-size:1.75rem;font-weight:700;color:var(--text-heading);margin-bottom:1rem;line-height:1.2}.dark-theme .schedule-popup-text-content h2{color:var(--text-heading-dark)}.schedule-popup-text-content p{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin:0}.dark-theme .schedule-popup-text-content p{color:var(--text-secondary-dark)}.schedule-popup-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.dark-theme .schedule-popup-footer{border-top-color:var(--border-color-dark);background-color:var(--bg-primary-dark)}.popup-dots .dot{width:10px;height:10px;border-radius:50%;background-color:var(--border-color);transition:all .3s ease}.dark-theme .popup-dots .dot{background-color:var(--border-color-dark)}.popup-dots .dot.active{background-color:var(--primary-color);transform:scale(1.2)}.dark-theme .popup-dots .dot.active{background-color:var(--accent-color-dark)}.popup-nav-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.dark-theme .popup-nav-btn.prev{background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark)}.dark-theme .popup-nav-btn.prev:hover{background-color:var(--button-secondary-hover-bg-dark)}.dark-theme .popup-nav-btn.next,.dark-theme .popup-nav-btn.done{background-color:var(--accent-color-dark);color:var(--text-heading-dark)}.popup-nav-btn.next:hover,.popup-nav-btn.done:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.dark-theme .popup-nav-btn.next:hover,.dark-theme .popup-nav-btn.done:hover{background-color:var(--accent-color-hover-dark)}@media (max-width: 480px){.schedule-popup-content{max-width:100%;height:auto;max-height:95vh;border-radius:16px}.schedule-popup-body{padding:3.5rem 1rem 1rem;flex-grow:1;overflow-y:auto}.schedule-popup-image-container{height:200px;margin-bottom:1.5rem}.schedule-popup-text-content h2{font-size:1.3rem;margin-bottom:.75rem}.schedule-popup-text-content p{font-size:.9rem;line-height:1.5}.schedule-popup-footer{padding:1rem 1.5rem}.popup-nav-btn{padding:.5rem 1rem;font-size:.85rem}}:root{--sidebar-font-size: 14px;--content-base: 16px;--bg-primary: #f7f7f9;--bg-secondary: #ffffff;--text-primary: #111827;--text-secondary: #6B7280;--text-muted: #9CA3AF;--border-color: #e2e8f0;--card-shadow: rgba(0, 0, 0, .1);--hover-bg: rgba(0, 0, 0, .05);--primary-color: #4a6bfb;--primary-hover: #3a5be0}.font-small{--content-size: calc(var(--content-base) * .875);--header-size: 20px;--title-size: 18px;--subtitle-size: 16px}.font-medium{--content-size: var(--content-base);--header-size: 24px;--title-size: 20px;--subtitle-size: 18px}.font-large{--content-size: calc(var(--content-base) * 1.125);--header-size: 28px;--title-size: 24px;--subtitle-size: 20px}.assignments-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 2rem 1.5rem;border-bottom:none!important;border-top:none!important;background-color:var(--card-background-color)}.assignments-header h1{font-size:1.8rem;font-weight:600;color:var(--text-color-primary);margin-right:10px!important}.dark-theme .assignments-header h1{color:var(--text-heading-dark)}.header-actions{display:flex;align-items:center;gap:15px}.view-toggle{display:flex;background-color:var(--background-color-light);border-radius:20px;overflow:hidden;margin-right:.5rem;border:1px solid var(--text-tertiary)!important}.dark-theme .view-toggle{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark)}.view-toggle-btn{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .75rem;background:none;border:none;font-size:.875rem;color:var(--text-color-secondary);cursor:pointer;transition:all .2s ease;min-height:28px}.dark-theme .view-toggle-btn{color:var(--text-secondary-dark)}.view-toggle-btn.active{background-color:var(--card-background-color);color:var(--primary-color);box-shadow:0 1px 3px #0000001a}.dark-theme .view-toggle-btn.active{background-color:var(--accent-color-dark);color:var(--text-heading-dark);box-shadow:0 2px 5px rgba(var(--accent-color-rgb-dark, 79, 70, 229),.25)}.view-toggle-btn:hover:not(.active){background-color:var(--button-secondary-hover-bg)}.dark-theme .view-toggle-btn:hover:not(.active){background-color:var(--hover-bg-dark)}.search-container{position:relative;flex:1;max-width:500px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.dark-theme .search-icon{color:var(--text-muted-dark)}.search-input{width:100%;padding:10px 10px 10px 40px;border:2px solid var(--text-primary);border-radius:20px;background-color:var(--bg-secondary)!important;color:var(--text-primary);font-size:14px;transition:all .2s ease}.dark-theme .search-input{background-color:var(--bg-tertiary-dark)!important;border-color:var(--border-color-dark);color:var(--text-primary-dark)}.search-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #4a6bfb33}.dark-theme .search-input:focus{border-color:var(--accent-color-dark);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb-dark, 79, 70, 229),.3)}.search-input::placeholder{color:var(--text-color-secondary)}.dark-theme .search-input::placeholder{color:var(--text-muted-dark)}.view-toggle{display:flex;background-color:var(--background-color-light);border-radius:20px;overflow:hidden;margin-right:.5rem;border:1px solid var(--border-color)}.filter-button,.new-assignment-button,.past-assignments-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background-color:var(--button-secondary-bg)!important;color:var(--text-color-secondary, #334155);border:1px solid var(--text-tertiary)!important;border-radius:15px;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.assignment-option{color:var(--bg-primary)!important}.dark-theme .assignment-option{color:var(--text-primary-dark)!important}.filter-button{border:2px solid var(--text-primary)!important}.dark-theme .filter-button{border:2px solid var(--text-muted-dark)!important;border-radius:20px!important}.dark-theme .filter-button,.dark-theme .past-assignments-button{background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark);border-color:var(--border-color-dark)}.filter-button:hover,.new-assignment-button:hover,.past-assignments-button:hover{background-color:var(--button-secondary-hover-bg, #e2e8f0);transform:translateY(-1px)}.dark-theme .filter-button:hover,.dark-theme .past-assignments-button:hover{background-color:var(--button-secondary-hover-bg-dark)}.filter-button.active{background-color:var(--primary-color, #4a6bfb);color:#fff;border-color:var(--primary-color, #4a6bfb);box-shadow:0 2px 5px #4a6bfb40}.dark-theme .filter-button.active{background-color:var(--accent-color-dark);color:var(--text-heading-dark);border-color:var(--accent-color-dark);box-shadow:0 2px 5px rgba(var(--accent-color-rgb-dark, 79, 70, 229),.25)}.new-assignment-button{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.dark-theme .new-assignment-button{background-color:var(--accent-color-dark);border-color:var(--accent-color-dark);color:var(--text-heading-dark)}.new-assignment-button:hover{background-color:var(--primary-color-dark);border-color:var(--primary-color-dark)}.dark-theme .new-assignment-button:hover{background-color:var(--accent-color-hover-dark);border-color:var(--accent-color-hover-dark)}.filter-menu{background-color:var(--card-background-color);border-radius:12px;box-shadow:0 4px 12px #00000014;padding:1.25rem;margin:0 2rem 1.5rem;border:1px solid var(--border-color)}.dark-theme .filter-menu{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);box-shadow:0 4px 12px #0006}.filter-group{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.dark-theme .filter-group{border-bottom-color:var(--border-color-dark)}.filter-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.filter-group label{display:block;font-size:.875rem;font-weight:600;color:var(--text-color-primary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.dark-theme .filter-group label{color:var(--text-primary-dark)}.filter-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.subject-options{max-height:10rem;overflow-y:auto;padding-right:.5rem}.filter-option{display:flex;align-items:center;justify-content:center;text-align:center;padding:.4rem .5rem;background-color:var(--button-secondary-bg, #f1f5f9);border:1px solid var(--border-color);border-radius:15px;font-size:.85rem;color:var(--text-color-secondary);cursor:pointer;transition:all .2s ease;height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-theme .filter-option{background-color:var(--button-secondary-bg-dark)!important;border-color:var(--border-color-dark)!important;color:var(--button-secondary-text-dark)!important}.filter-option:hover{background-color:var(--button-secondary-hover-bg, #e2e8f0)}.dark-theme .filter-option:hover{background-color:var(--button-secondary-hover-bg-dark)}.filter-option.active{background-color:var(--primary-color, #4a6bfb);border-color:var(--primary-color, #4a6bfb);color:#fff;font-weight:500;box-shadow:0 2px 5px #4a6bfb40}.dark-theme .filter-option.active{background-color:var(--accent-color-dark)!important;border-color:var(--accent-color-dark);color:var(--text-heading-dark);box-shadow:0 2px 5px rgba(var(--accent-color-rgb-dark, 79, 70, 229),.25)}.assignments-content{padding:1.5rem 2rem;background-color:transparent!important;min-height:calc(100vh - 6rem)}.dark-theme .assignments-content{background-color:transparent!important}.assignments-list-view{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.assignments-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.assignment-card{display:flex;flex-direction:column;height:100%;border-radius:20px!important}.assignment-content{display:flex;flex-direction:column;padding:1rem;flex-grow:1;padding-left:10px;padding-right:10px}.assignment-description{flex-grow:1;margin-bottom:1rem;border-radius:20px!important}.assignment-actions{margin-top:auto}.assignment-card{background-color:var(--bg-secondary);border:var(--dashboard-card-border, 2px solid var(--text-primary));border-radius:var(--dashboard-card-border-radius, 20px);padding:1.5rem;box-shadow:var(--dashboard-card-shadow, 3px 3px 0px var(--primary-color));margin-bottom:1.5rem;transition:var(--dashboard-card-transition, all .3s ease);position:relative;overflow:visible;font-size:1.2rem!important}.dark-theme .assignment-card{background-color:var(--card-bg);border:2px solid var(--text-muted-dark)!important;box-shadow:var(--dashboard-card-shadow-dark, 3px 3px 0px var(--primary-color-dark))}.assignment-card:hover{transform:var(--dashboard-card-hover-transform, translateY(-5px) rotate(-.5deg));box-shadow:var(--dashboard-card-hover-shadow, 6px 6px 0px var(--primary-hover))}.dark-theme .assignment-card:hover{transform:var(--dashboard-card-hover-transform-dark, translateY(-5px) rotate(-.5deg));box-shadow:var(--dashboard-card-hover-shadow-dark, 6px 6px 0px var(--primary-hover-dark))}.assignment-card.status-completed{opacity:.9!important}.assignment-card.status-overdue .assignment-priority{background-color:#9c27b0!important;opacity:1!important}.dark-theme .assignment-card.status-overdue .assignment-priority{background-color:color-mix(in srgb,#3a0505 10%,transparent)}.assignment-card h3{font-size:1.2rem!important}.assignment-priority{width:6px;flex-shrink:0}.assignment-content{padding:1.25rem;width:100%}.past-assignment-title,.assignment-title{font-size:1.05rem!important;font-weight:600;margin-bottom:.5rem;padding-right:3.5px!important}.dark-theme .past-assignment-title,.dark-theme .assignment-title{color:var(--text-primary-dark)}.assignment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;border-radius:20px!important}.assignment-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-color-primary)}.dark-theme .assignment-header h3{color:var(--text-primary-dark)}.assignment-details.assignment-description{display:none!important}.priority-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap;border-radius:20px!important}.assignment-details{display:flex;flex-direction:row!important;gap:1.25rem;margin-bottom:1rem}.assignment-subject,.assignment-due-date,.assignment-time{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--text-primary)!important}.resources-link{color:var(--primary-color)!important}.dark-theme .assignment-subject,.dark-theme .assignment-due-date,.dark-theme .assignment-time{color:var(--text-secondary-dark)}.dark-theme .assignment-subject svg,.dark-theme .assignment-due-date svg,.dark-theme .assignment-time svg{color:var(--text-muted-dark)}.assignment-description{margin:0 0 1.25rem;font-size:.9375rem;line-height:1.5;color:var(--text-color-secondary);padding:.75rem;border-radius:20px}.dark-theme .assignment-description{background-color:var(--bg-tertiary-dark)!important;color:var(--text-primary-dark);border-left:3px solid var(--accent-color-dark);padding:.75rem 1rem}.assignment-actions{display:flex;justify-content:space-between;align-items:center}.assignment-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-color-secondary)}.dark-theme .assignment-status{color:var(--text-secondary-dark)}.assignment-status select{padding:.375rem .75rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--card-background-color);font-size:.875rem;color:var(--text-color-primary);cursor:pointer}.dark-theme .assignment-status select{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.view-details-button{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .75rem;background-color:var(--button-secondary-bg);border:1px solid var(--border-color);border-radius:15px;font-size:.875rem;color:var(--text-color-primary);cursor:pointer;transition:all .2s ease}.dark-theme .view-details-button{background-color:var(--button-secondary-bg-dark);border-color:var(--border-color-dark);color:var(--button-secondary-text-dark)}.view-details-button:hover{background-color:var(--button-secondary-hover-bg)}.dark-theme .view-details-button:hover{background-color:var(--button-secondary-hover-bg-dark)}.dark-theme .view-details-button svg{color:var(--button-secondary-text-dark)}.no-assignments{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-color-secondary)}.dark-theme .no-assignments{color:var(--text-muted-dark)}.no-assignments h3{font-size:1.25rem;font-weight:600;color:var(--text-color-primary);margin:1rem 0 .5rem}.dark-theme .no-assignments h3{color:var(--text-heading-dark)}.no-assignments p{margin:0 0 1.5rem;max-width:400px}.dark-theme .no-assignments p{font-weight:500;color:#fff;cursor:pointer}.create-assignment-button{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;background-color:var(--button-primary-bg);border:--var(text-primary);border-radius:20px;font-size:.875rem;color:var(--text-color-primary);cursor:pointer;transition:all .2s ease;font-weight:600;border:1px solid var(--border-color)}.dark-theme .create-assignment-button{background-color:var(--accent-color-dark);border-color:var(--accent-color-dark);color:var(--text-heading-dark)}.create-assignment-button:hover{background-color:var(--primary-color-dark)}.dark-theme .create-assignment-button:hover{background-color:var(--accent-color-hover-dark);border-color:var(--accent-color-hover-dark)}.no-assignments-text{font-size:.875rem;color:var(--text-primary)}.dark-theme .no-assignments-text{color:var(--text-muted-dark)}.calendar-view{background-color:var(--card-background-color);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0f172a;border:1px solid var(--border-color)}.dark-theme .calendar-view{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);box-shadow:0 2px 8px #0003}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.dark-theme .calendar-header{border-bottom-color:var(--border-color-dark)}.calendar-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-color-primary)}.dark-theme .calendar-header h2{color:var(--text-heading-dark)}.month-nav-button{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background-color:var(--button-secondary-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-color-secondary);cursor:pointer;transition:all .2s ease}.dark-theme .month-nav-button{background-color:var(--button-secondary-bg-dark);border-color:var(--border-color-dark);color:var(--button-secondary-text-dark)}.month-nav-button:hover{background-color:var(--button-secondary-hover-bg);color:var(--text-color-primary)}.dark-theme .month-nav-button:hover{background-color:var(--button-secondary-hover-bg-dark);color:var(--text-primary-dark)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;padding:.75rem 0;background-color:var(--background-color-light);border-bottom:1px solid var(--border-color)}.dark-theme .calendar-weekdays{background-color:var(--bg-tertiary-dark);border-bottom-color:var(--border-color-dark)}.weekday{font-size:.875rem;font-weight:500;color:var(--text-color-secondary)}.dark-theme .weekday{color:var(--text-secondary-dark)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(110px,auto);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.dark-theme .calendar-grid{border-right-color:var(--border-color-dark);border-bottom-color:var(--border-color-dark)}.calendar-day{position:relative;padding:.5rem;min-height:100px;border-left:1px solid var(--border-color);border-top:1px solid var(--border-color);overflow:hidden;background-color:var(--card-background-color)}.dark-theme .calendar-day{border-left-color:var(--border-color-dark);border-top-color:var(--border-color-dark);background-color:var(--bg-primary-dark)}.calendar-day.other-month{background-color:var(--background-color-light);color:var(--text-color-disabled)}.dark-theme .calendar-day.other-month{background-color:color-mix(in srgb,var(--bg-primary-dark) 90%,transparent);color:var(--text-muted-dark)}.calendar-day.today{background-color:var(--primary-color-light)}.dark-theme .calendar-day.today{background-color:color-mix(in srgb,var(--accent-color-dark) 10%,transparent)}.day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.day-number{font-size:.875rem;font-weight:500;color:var(--text-color-primary)}.dark-theme .day-number{color:var(--text-primary-dark)}.calendar-day.other-month .day-number{color:#94a3b8}.dark-theme .calendar-day.other-month .day-number{color:var(--text-muted-dark)}.calendar-day.today .day-number{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background-color:#2563eb;border-radius:50%;color:#fff}.dark-theme .calendar-day.today .day-number{background-color:var(--accent-color-dark);color:var(--text-heading-dark)}.day-alert{color:#f59e0b}.dark-theme .day-alert{color:#fbbf24}.day-alert.overdue{color:#e11d48}.dark-theme .day-alert.overdue{color:#dc2626}.day-assignments{display:flex;flex-direction:column;gap:.375rem}.day-assignment{display:flex;align-items:center;gap:.375rem;padding:.25rem .375rem;background-color:#f8fafc;border-radius:4px;cursor:pointer;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease}.dark-theme .day-assignment{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark)}.day-assignment:hover{background-color:#f1f5f9}.dark-theme .day-assignment:hover{background-color:var(--hover-bg-dark)}.day-assignment.status-completed{opacity:.6}.dark-theme .day-assignment.status-completed{opacity:.7}.day-assignment.status-overdue{background-color:#e11d481a}.dark-theme .day-assignment.status-overdue{background-color:#dc262633}.assignment-indicator{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.assignment-title{overflow:hidden;text-overflow:ellipsis;color:#475569}.dark-theme .assignment-title{color:var(--text-primary-dark)}.more-assignments{font-size:.75rem;color:#64748b;text-align:center;padding-top:.25rem}.assignment-details-panel{position:fixed;top:0;right:0;width:400px;height:100vh;background-color:#fff;box-shadow:-5px 0 15px #0000001a;z-index:100;display:flex;flex-direction:column}.dark-theme .assignment-details-panel{background-color:var(--bg-tertiary-dark);box-shadow:-5px 0 15px #0000004d}.details-header{display:flex;align-items:center;padding:1.25rem;border-bottom:1px solid #eef1f6}.dark-theme .details-header{border-bottom:1px solid #1e293b}.details-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#334155}.dark-theme .details-header h2{color:#e2e8f0}.close-details-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;color:#64748b;cursor:pointer;margin-right:.75rem;border-radius:4px;transition:all .2s ease}.close-details-button:hover{background-color:#f1f5f9;color:#334155}.dark-theme .close-details-button{color:#94a3b8}.dark-theme .close-details-button:hover{background-color:var(--bg-tertiary-dark);color:#e2e8f0}.details-content{flex:1;padding:1.5rem;overflow-y:auto}.dark-theme .details-content{background-color:var(--bg-tertiary-dark);color:var(--bg-primary-dark)!important}.details-priority-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;margin-bottom:1rem;border-radius:20px!important}.details-content h3{margin:0 0 1.25rem;font-size:1.375rem;font-weight:600;color:#334155;line-height:1.3}.dark-theme .details-content h3{color:#e2e8f0}.details-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eef1f6}.dark-theme .details-meta{border-bottom:1px solid #1e293b}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.dark-theme .meta-item{color:#94a3b8}.details-description h4,.details-resources h4,.details-status h4{font-size:1rem;font-weight:600;color:#334155;margin:0 0 .75rem}.dark-theme .details-description h4,.dark-theme .details-resources h4,.dark-theme .details-status h4{color:#e2e8f0}.details-description p{font-size:.9375rem;line-height:1.6;color:#475569;margin:0 0 1.5rem}.dark-theme .details-description p{color:#94a3b8}.resources-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.resource-item{display:flex;gap:.75rem;padding:.75rem;background-color:#f8fafc;border-radius:20px}.dark-theme .resource-item{background-color:var(--bg-secondary-dark);border:1px solid var(--border-color-dark)}.resource-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background-color:#fff;border-radius:20px;box-shadow:0 1px 2px #0000000d;color:#2563eb}.dark-theme .resource-icon{background-color:#0f172a;box-shadow:0 1px 2px #0003;color:#3b82f6}.resource-content{flex:1}.resource-content h5{margin:0 0 .25rem;font-size:.875rem;font-weight:500;color:#334155}.dark-theme .resource-content h5{color:#e2e8f0}.resource-content a{font-size:.75rem;color:#2563eb;text-decoration:none}.dark-theme .resource-content a{color:#3b82f6}.resource-content a:hover{text-decoration:underline}.status-options{display:flex;gap:.75rem;margin-bottom:1.5rem}.status-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;cursor:pointer;transition:all .2s ease}.dark-theme .status-option{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark)}.status-option:hover{background-color:#f1f5f9}.dark-theme .status-option:hover{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark)!important}.status-option.active{border-color:var(--primary-color);background-color:var(--bg-primary)}.dark-theme .status-option.active{border-color:var(--accent-color-dark)}.status-icon{width:1rem;height:1rem;border-radius:50%}.status-option:nth-child(1) .status-icon{background-color:#f59e0b}.status-option:nth-child(2) .status-icon{background-color:#2563eb}.status-option:nth-child(3) .status-icon{background-color:#10b981}.status-option span:not(.status-icon){font-size:.875rem;color:#475569}.details-actions{display:flex;gap:.75rem;padding:1.25rem;border-top:1px solid #eef1f6}.details-action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.details-action-button.secondary{background-color:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.dark-theme .details-action-button.secondary{background-color:var(--bg-secondary-dark);border:1px solid var(--border-color-dark);color:#94a3b8}.details-action-button.secondary:hover{background-color:#e2e8f0}.dark-theme .details-action-button.secondary:hover{background-color:#334155;color:#e2e8f0}.details-action-button.primary{background-color:var(--primary-color);border:1px solid var(--primary-color);color:#fff}.dark-theme .details-action-button.primary{background-color:var(--accent-color-dark);border:1px solid var(--accent-color-dark);color:#fff}.details-action-button.primary:hover{background-color:#1d4ed8;border-color:#1d4ed8}.markdown-content{font-family:inherit;line-height:1.5;width:100%;padding:5px 0;border-radius:20px!important;margin-bottom:10px}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:1rem;margin-bottom:.5rem;font-weight:600;line-height:1.25}.markdown-content h1{font-size:1.5rem}.markdown-content h2{font-size:1.3rem}.markdown-content h3{font-size:1.15rem}.markdown-content p{margin-top:0;margin-bottom:.75rem;font-size:1.3rem}.markdown-content code{font-family:Courier New,Courier,monospace;background-color:#0000000d;padding:.2em .4em;border-radius:3px;font-size:.9em}.markdown-content pre{background-color:#0000000d;padding:1rem;border-radius:5px;overflow-x:auto;margin:.75rem 0}.markdown-content pre code{background-color:transparent;padding:0;line-height:1.5;display:block}.markdown-content ul,.markdown-content ol{margin-top:0;margin-bottom:.75rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.25rem}.markdown-content blockquote{margin:.75rem 0;padding:.5rem 1rem;border-left:4px solid #ddd;color:#555}.markdown-content img{max-width:100%;height:auto;border-radius:5px;margin:.75rem 0}.markdown-content table{width:100%;border-collapse:collapse;margin:.75rem 0}.markdown-content th,.markdown-content td{padding:.5rem;border:1px solid #ddd;text-align:left}.markdown-content th{background-color:#0000000d}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffd9;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dark-theme .loading-overlay{background-color:#121212e6}.loading-spinner-container{display:flex;flex-direction:column;position:relative!important;left:5%;align-items:center;background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 16px #0000001a}.dark-theme .loading-spinner-container{background-color:var(--bg-secondary-dark);box-shadow:0 4px 16px #0000004d}.dark-theme .loading-spinner-container p{color:var(--text-primary-dark)}.loading-spinner-assignments{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #4a6bfb;border-radius:50%;animation:spin 1.5s linear infinite;margin:0 auto 1rem;display:block}.dark-theme .loading-spinner-assignments{border-top-color:var(--accent-color-dark)}.details-submission{margin-top:20px;margin-bottom:20px;background-color:#f5f7ff;border-radius:8px;padding:16px;border-left:4px solid #4a6bfb}.dark-theme .details-submission{background-color:var(--bg-tertiary-dark);border-left:4px solid var(--accent-color-dark);color:var(--text-primary-dark)}.submission-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.submission-grade{display:flex;flex-direction:column;align-items:center;gap:4px}.grade-display{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700}.submission-date{display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:#666;font-size:.9rem}.feedback-content{background-color:#fff;padding:16px;border-radius:8px;margin-top:16px}.dark-theme .feedback-content{background-color:var(--bg-secondary-dark);color:var(--text-primary-dark);border:1px solid var(--border-color-dark)}.completed-message{display:flex;align-items:center;gap:8px;color:#4caf50;font-weight:600;font-size:.95rem;background-color:#4caf501a;padding:10px 20px;border-radius:8px}.dark-theme .completed-message{background-color:#4caf5026;color:#4ade80}.details-action-button.primary{display:flex;align-items:center;gap:8px}.status-option:disabled{opacity:.6;cursor:not-allowed}.confirmation-modal{background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #0003;padding:0;width:90%;max-width:480px;overflow:hidden}.confirmation-modal h3{text-align:left}.dark-theme .confirmation-modal{background-color:var(--bg-secondary-dark)}.modal-header{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid #eef1f6}.dark-theme .modal-header{border-bottom-color:var(--border-color-dark)}.modal-header h3{font-size:1.25rem;margin:0 0 0 12px;flex-grow:1;color:#334155}.dark-theme .modal-header h3{color:var(--text-heading-dark)}.warning-icon{color:#f59f00}.dark-theme .warning-icon{color:#fbbf24}.close-modal-button{background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.dark-theme .close-modal-button{color:var(--text-muted-dark)}.close-modal-button:hover{background-color:#f1f5f9;color:#334155}.dark-theme .close-modal-button:hover{background-color:var(--hover-bg-dark);color:var(--text-primary-dark)}.modal-content{padding:24px}.modal-content p{margin:0;color:#475569;line-height:1.6;font-size:1rem}.dark-theme .modal-content p{color:var(--text-secondary-dark)}.modal-actions{display:flex;justify-content:flex-end;padding:16px 24px;border-top:1px solid #eef1f6;gap:12px}.dark-theme .modal-actions{border-top-color:var(--border-color-dark)}.modal-button{padding:10px 20px;border-radius:8px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease;min-width:100px;border:none}.modal-button.secondary{background-color:transparent;border:1px solid #e2e8f0;color:#64748b}.dark-theme .modal-button.secondary{background-color:var(--button-secondary-bg-dark);border:1px solid var(--border-color-dark);color:var(--button-secondary-text-dark)}.modal-button.primary{background-color:#3182ce;color:#fff}.dark-theme .modal-button.primary{background-color:var(--accent-color-dark);color:var(--text-heading-dark)}.modal-button.secondary:hover{background-color:#f1f5f9;color:#334155}.dark-theme .modal-button.secondary:hover{background-color:var(--button-secondary-hover-bg-dark);color:var(--button-secondary-text-dark)}.modal-button.primary:hover{background-color:#2b6cb0}.dark-theme .modal-button.primary:hover{background-color:var(--accent-color-hover-dark)}.past-assignments-button{display:flex;align-items:center;background-color:var(--secondary-color, #f0f0f0);border:1px solid var(--border-color, #ddd);border-radius:20px;color:var(--text-color, #333);font-size:.9rem;padding:8px 12px;cursor:pointer;transition:all .2s ease;font-weight:500;gap:6px}.dark-theme .past-assignments-button{background-color:var(--button-secondary-bg-dark);border:1px solid var(--border-color-dark);color:var(--button-secondary-text-dark)}.past-assignments-button:hover{background-color:var(--hover-bg, #e0e0e0)}.past-assignments-modal{background-color:#fff;border-radius:8px;width:90%;max-width:1000px;max-height:90vh;overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:0 10px 30px #0003}.dark-theme .past-assignments-modal{background-color:var(--bg-secondary-dark);box-shadow:0 10px 30px #0006;border:1px solid var(--border-color-dark)}.past-assignments-header{padding:16px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.dark-theme .past-assignments-header{border-bottom-color:var(--border-color-dark)}.past-assignments-header h2{margin:0;font-size:1.5rem;color:#333}.dark-theme .past-assignments-header h2{color:var(--text-heading-dark)}.past-assignments-content{display:flex;height:70vh}.past-assignments-list{width:35%;padding:16px;border-right:1px solid #eee;overflow-y:auto;max-height:70vh}.dark-theme .past-assignments-list{border-right-color:var(--border-color-dark)}.past-assignment-item{padding:12px;border-radius:20px;margin-bottom:10px;cursor:pointer;transition:all .2s ease;border:1px solid #eee}.dark-theme .past-assignment-item{border-color:var(--border-color-dark)}.past-assignment-item:hover{background-color:#f9f9f9;transform:translateY(-2px);box-shadow:0 2px 8px #0000000d}.dark-theme .past-assignment-item:hover{background-color:var(--bg-tertiary-dark);box-shadow:0 2px 8px #0000001a}.past-assignment-item.active{background-color:#f0f7ff;border-color:#4a6bfb}.dark-theme .past-assignment-item.active{background-color:#4f46e526;border-color:var(--accent-color-dark)}.past-assignment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.past-assignment-header h3{margin:0;font-size:1rem;color:#333}.dark-theme .past-assignment-header h3{color:var(--text-primary-dark)}.assignment-badge{padding:4px 8px;border-radius:20px;font-size:.75rem;font-weight:600}.status-badge{background-color:#4caf50;color:#fff}.past-assignment-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:.8rem;color:#666}.dark-theme .past-assignment-meta{color:var(--text-secondary-dark)}.meta-item{display:flex;align-items:center;gap:4px}.meta-item.grade{margin-left:auto}.grade-pill{background-color:#4a6bfb;color:#fff;padding:2px 8px;border-radius:12px;font-weight:600}.dark-theme .grade-pill{background-color:var(--accent-color-dark);color:var(--text-heading-dark)}.past-assignment-details{flex:1;padding:20px;overflow-y:auto;max-height:70vh}.past-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.past-details-header h3{margin:0;font-size:1.4rem;color:#333}.dark-theme .past-details-header h3{color:var(--text-heading-dark)}.past-details-content{display:flex;flex-direction:column;gap:24px}.details-section{padding:16px;border-radius:8px;border:1px solid #eee;background-color:#fafafa}.dark-theme .details-section{background-color:var(--bg-tertiary-dark);border:1px solid var(--border-color-dark)}.details-section h4{margin:0 0 12px;font-size:1.1rem;color:#333}.dark-theme .details-section h4{color:var(--text-primary-dark)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.submission-date{font-size:.85rem;color:#666}.dark-theme .submission-date{color:var(--text-secondary-dark)}.grade-display{font-size:.9rem;color:#333}.dark-theme .grade-display{color:var(--text-primary-dark)}.grade-value{font-weight:600;color:#4a6bfb}.dark-theme .grade-value{font-style:italic}.no-past-assignments,.no-selection{display:flex;align-items:center;justify-content:center;height:200px;color:#666;font-style:italic}.dark-theme .no-past-assignments,.dark-theme .no-selection{color:var(--text-muted-dark)}.no-selection{height:100%}.markdown-content{font-size:.95rem;line-height:1.6}.dark-theme .markdown-content{color:var(--text-primary-dark)}.markdown-content p{margin-bottom:1rem}.dark-theme .markdown-content p{color:var(--text-primary-dark)!important}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:1.5rem;margin-bottom:.75rem;font-weight:600}.dark-theme .markdown-content h1,.dark-theme .markdown-content h2,.dark-theme .markdown-content h3,.dark-theme .markdown-content h4,.dark-theme .markdown-content h5,.dark-theme .markdown-content h6{color:var(--text-heading-dark)}.markdown-content code{background-color:#f5f5f5;padding:.2rem .4rem;border-radius:3px;font-family:monospace;font-size:.9em}.dark-theme .markdown-content code{background-color:var(--code-inline-bg-dark);color:var(--code-inline-text-dark)}.markdown-content pre{background-color:#f5f5f5;padding:1rem;border-radius:5px;overflow-x:auto;margin:.5rem 0 1rem}.dark-theme .markdown-content pre{background-color:var(--code-block-bg-dark);color:var(--code-block-text-dark)}.markdown-content pre code{background-color:transparent;padding:0}.markdown-content ul,.markdown-content ol{margin-bottom:1rem;padding-left:1.5rem}.markdown-content blockquote{border-left:4px solid #e0e0e0;padding-left:1rem;margin-left:0;color:#666}.markdown-content table{border-collapse:collapse;width:100%;margin-bottom:1rem}.markdown-content table th,.markdown-content table td{border:1px solid #e0e0e0;padding:.5rem}.markdown-content table th{background-color:#0000000d}.dark-theme .markdown-content table th{background-color:var(--bg-tertiary-dark)}.details-description .markdown-content{background-color:#f9f9f9;padding:15px;border-radius:8px;margin-top:10px}.dark-theme .details-description .markdown-content{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark)}.dashboard-content{transition:margin-left .3s ease;margin-left:250px}.dashboard-content.expanded{margin-left:70px}.dashboard-page{display:flex}.progress-popup{position:fixed;bottom:24px;right:24px;background-color:#fff;box-shadow:0 4px 12px #00000026;border-radius:12px;padding:16px;display:flex;align-items:center;z-index:1000;width:320px;max-width:calc(100% - 48px)}.dark-theme .progress-popup{background-color:var(--bg-secondary-dark);color:var(--text-primary-dark);box-shadow:0 4px 12px #00000059}.progress-popup-icon{background-color:#e6f7ff;color:#08f;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.dark-theme .progress-popup-icon{background-color:#4f46e533;color:var(--accent-color-dark)}.progress-popup-content{flex-grow:1}.progress-popup-content h4{margin:0 0 4px;font-weight:600;font-size:16px}.dark-theme .progress-popup-content h4{color:var(--text-heading-dark)}.progress-popup-content p{margin:0;font-size:14px;color:#555}.dark-theme .progress-popup-content p{color:var(--text-secondary-dark)}.search-filter-container{display:flex;align-items:center;gap:15px;margin-bottom:20px;background-color:transparent;padding:15px 20px;border-radius:10px}.dark-theme .search-filter-container{background-color:transparent}.compact-actions{display:flex;align-items:center;gap:10px}.new-assignment-button,.past-assignments-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background-color:var(--input-bg-color);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.new-assignment-button:hover,.past-assignments-button:hover{background-color:var(--hover-bg-color)}.dark-theme .new-assignment-button:hover,.dark-theme .past-assignments-button:hover{background-color:var(--button-secondary-hover-bg-dark)}.compact-search-filter{display:flex;align-items:center;gap:10px;margin:0 15px}.search-input-compact{width:150px;padding:6px 10px 6px 30px;border:1px solid var(--border-color);border-radius:20px;background-color:var(--input-bg-color);color:var(--text-primary);font-size:14px;transition:all .2s ease}.dark-theme .search-input-compact{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.search-input-compact:focus{width:200px;outline:none;border-color:var(--primary-color)}.dark-theme .search-input-compact:focus{border-color:var(--accent-color-dark)}.filter-button-compact{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:var(--input-bg-color);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease}.dark-theme .filter-button-compact{background-color:var(--button-secondary-bg-dark);border-color:var(--border-color-dark);color:var(--button-secondary-text-dark)}.filter-button-compact:hover{background-color:var(--hover-bg-color)}.dark-theme .filter-button-compact:hover{background-color:var(--button-secondary-hover-bg-dark)}.filter-button-compact.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.dark-theme .filter-button-compact.active{background-color:var(--accent-color-dark);color:var(--text-heading-dark);border-color:var(--accent-color-dark)}.action-buttons{display:flex;align-items:center;gap:8px}.new-assignment-button,.past-assignments-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:14px;cursor:pointer;transition:all .2s ease}.dark-theme .new-assignment-button,.dark-theme .past-assignments-button{background-color:var(--button-secondary-bg-dark);border-color:var(--border-color-dark);color:var(--button-secondary-text-dark)}.assignment-status-select{border-radius:20px!important;padding:6px 12px;margin-left:5px;font-size:14px;cursor:pointer;transition:all .2s ease}.assignment-status-label{font-size:14px;font-weight:500;color:var(--text-primary);display:inline-block;border-radius:20px}.dark-theme .assignment-status-label{color:var(--text-primary-dark)}.new-assignment-button{background-color:var(--input-bg-color);border:1px solid var(--border-color);color:var(--text-primary)}.dark-theme .new-assignment-button{background-color:var(--button-secondary-bg-dark);border-color:var(--border-color-dark);color:var(--button-secondary-text-dark)}.new-assignment-button.primary{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.dark-theme .new-assignment-button.primary{background-color:var(--accent-color-dark);color:var(--text-heading-dark);border-color:var(--accent-color-dark)}.new-assignment-button:hover{background-color:var(--hover-bg-color)}.dark-theme .new-assignment-button:hover{background-color:var(--button-secondary-hover-bg-dark)}.new-assignment-button.primary:hover{background-color:var(--primary-hover)}.dark-theme .new-assignment-button.primary:hover{background-color:var(--accent-color-hover-dark)}.past-assignments-button{background-color:var(--input-bg-color);border:1px solid var(--border-color);color:var(--text-primary)}.dark-theme .past-assignments-button{background-color:var(--button-secondary-bg-dark);border-color:var(--border-color-dark);color:var(--button-secondary-text-dark)}.past-assignments-button:hover{background-color:var(--hover-bg-color)}.dark-theme .past-assignments-button:hover{background-color:var(--button-secondary-hover-bg-dark)}.dashboard-sidebar.mobile-sidebar{position:fixed;top:0;left:0;height:100%;z-index:1001;width:var(--sidebar-width, 280px);padding:1.5rem;box-shadow:0 0 15px #0003;background-color:var(--sidebar-bg, #0f172a);color:var(--sidebar-text-color, white);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s ease-in-out;will-change:transform;box-sizing:border-box}.dark-theme .dashboard-sidebar.mobile-sidebar{background-color:var(--bg-secondary-dark);color:var(--text-primary-dark);box-shadow:0 0 15px #00000080}.dashboard-sidebar.mobile-sidebar-closed{transform:translate(-100%)}.dashboard-sidebar.mobile-sidebar-open{display:flex!important;transform:translate(0)!important}.complete-button{background-color:var(--primary-color)!important;color:#fff;border-color:var(--primary-color);border-radius:20px;padding:6px 12px;font-size:14px;cursor:pointer;transition:all .2s ease}.dashboard-sidebar.mobile-sidebar .nav-item{padding:.8rem 1rem;justify-content:flex-start;box-sizing:border-box;font-size:.95rem}.dashboard-sidebar.mobile-sidebar .nav-item svg{width:20px;height:20px;margin-right:10px}.dashboard-sidebar.mobile-sidebar .nav-item span{display:inline}@media (max-width: 1170px){.assignment-details{margin-left:-20px!important}}@media (max-width: 768px){.dashboard-page.assignments-page .dashboard-content{margin-left:0!important;padding:60px 0 0}.assignment-card .assignment-status,.assignment-card .assignment-subject{display:none!important}.dashboard-sidebar:not(.mobile-sidebar){display:none!important}.hamburger-menu{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-color-primary);cursor:pointer;padding:.5rem;margin-right:.5rem;order:-1}.dark-theme .hamburger-menu{color:var(--text-primary-dark)}.mobile-sidebar-close-button{display:block}.assignments-header{padding:.75rem 1rem;flex-wrap:nowrap}.assignments-header h1{font-size:1.2rem;text-align:center;flex-grow:1;margin-left:.5rem;margin-right:.5rem;min-width:0}.header-actions{gap:.5rem}.header-actions .user-profile{order:1}.header-actions .user-name{display:none}.header-actions .user-avatar{width:32px;height:32px;font-size:.8rem}.view-toggle{margin-right:.25rem}.view-toggle-btn,.compact-actions .new-assignment-button,.compact-actions .past-assignments-button{padding:.4rem .6rem;width:auto;height:auto}.compact-actions .new-assignment-button svg,.compact-actions .past-assignments-button svg{font-size:18px}.search-filter-container{flex-direction:column;gap:.75rem;padding:1rem;margin:.5rem;width:auto}.search-container{width:100%;max-width:none}.filter-button{width:100%;justify-content:center}.filter-menu{margin:0 .5rem 1rem;width:auto}.filter-options{flex-direction:column}.filter-option{width:100%;text-align:center}.assignments-content{padding:1rem .5rem}.assignments-grid-container{grid-template-columns:1fr;gap:1rem}.assignment-header h3{font-size:1rem}.assignment-details{flex-direction:column;gap:.5rem;align-items:flex-start}.assignment-description{font-size:.875rem}.assignment-actions{flex-direction:column;align-items:stretch;gap:.5rem}.assignment-status{justify-content:space-between}.calendar-header h2{font-size:1.1rem}.calendar-grid{grid-auto-rows:minmax(80px,auto)}.day-assignment{font-size:.7rem}.assignment-details-panel{width:100%;max-width:100%;height:calc(100% - 50px);top:50px;right:0;transform:translate(100%);box-shadow:-2px 0 8px #00000026;z-index:1050}.assignment-details-panel.open{transform:translate(0)}.details-header h2{font-size:1.1rem}.past-assignments-modal{width:95%;max-width:95%;max-height:85vh}.past-assignments-content{flex-direction:column;height:auto;max-height:calc(85vh - 60px)}.past-assignments-list{width:100%;border-right:none;border-bottom:1px solid var(--border-color);max-height:40vh}.past-assignment-details{max-height:calc(45vh - 60px)}.confirmation-modal{width:90%}.dashboard-page.sidebar-expanded .dashboard-content{margin-left:0}.dashboard-page.mobile-view .dashboard-content{margin-left:0!important}.dashboard-header-mobile-top .mobile-header-action-icon{background:none;border:none;color:var(--text-color-primary);cursor:pointer;padding:.5rem;display:inline-flex;align-items:center;justify-content:center}.dark-theme .dashboard-header-mobile-top .mobile-header-action-icon{color:var(--text-primary-dark)}.mobile-search-popup{position:fixed;top:0;left:0;right:0;background-color:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem;box-shadow:0 3px 10px #0003;z-index:999;display:flex;flex-direction:column;gap:.75rem;height:100%;overflow-y:auto}.dark-theme .mobile-search-popup{background-color:#121212f2}.mobile-search-popup-header{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;margin-top:2.5rem;background-color:transparent!important}.mobile-search-input{flex-grow:1;padding:.8rem 1rem;border:none;font-size:1rem;background-color:#fff;color:#333;border-radius:15px;box-shadow:0 1px 3px #0000001a}.mobile-search-input:focus{outline:none;box-shadow:0 0 0 2px #4a6bfb4d,0 1px 3px #0000001a}.dark-theme .mobile-search-input{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark)}.mobile-search-close-btn{background-color:#ffffff26;border:none;color:#fff;cursor:pointer;padding:.8rem;display:inline-flex;align-items:center;justify-content:center;border-radius:15px;box-shadow:0 1px 3px #0000001a}.mobile-search-close-btn:hover{background-color:#ffffff40}.dark-theme .mobile-search-close-btn{background-color:#ffffff1a}.dark-theme .mobile-search-close-btn:hover{background-color:#ffffff26}.filter-button.mobile-search-filter-button{width:auto;margin:.5rem auto 1rem;padding:.75rem 2rem;background-color:var(--primary-color, #4a6bfb);color:var(--text-primary);border:none;border-radius:15px;font-size:1rem;font-weight:500;box-shadow:0 2px 5px #00000026;justify-content:center;display:flex;align-items:center;gap:.5rem}.dark-theme .filter-button.mobile-search-filter-button{background-color:var(--accent-color-dark);color:var(--text-primary-dark)}.filter-button.mobile-search-filter-button.active{background-color:#fff;color:var(--primary-color, #4a6bfb)}.dark-theme .filter-button.mobile-search-filter-button.active{background-color:var(--bg-secondary-dark);color:var(--accent-color-dark)}.mobile-search-popup .filter-menu{margin:0;width:100%;box-shadow:none;border:none;background-color:transparent;padding:0}.mobile-search-popup .filter-group{margin-bottom:1.5rem;background-color:#ffffff1a;border-radius:10px;padding:1rem;border-bottom:none}.mobile-search-popup .filter-group label{color:#fff;margin-bottom:.75rem;font-size:.9rem;opacity:.9}.mobile-search-popup .filter-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem}.mobile-search-popup .subject-options{max-height:none;overflow-y:visible}.mobile-search-popup .filter-option{text-align:center;padding:.4rem .5rem;border-radius:8px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;font-size:.85rem;display:flex;align-items:center;justify-content:center;height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-search-popup .filter-option:hover{background-color:#ffffff26}.mobile-search-popup .filter-option.active{background-color:var(--primary-color, #4a6bfb);color:#fff;border-color:transparent;font-weight:500}.mobile-search-popup .filter-menu.in-mobile-popup{margin:.75rem 0 0;width:100%;box-shadow:none;border:none;background-color:transparent;padding:0}.mobile-search-popup .filter-menu.in-mobile-popup .filter-group{background-color:#ffffff0d;padding:.75rem;border-radius:8px;margin-bottom:.75rem}.dark-theme .mobile-search-popup .filter-menu.in-mobile-popup .filter-group{background-color:color-mix(in srgb,var(--bg-tertiary-dark) 80%,transparent)}.mobile-search-popup .filter-menu.in-mobile-popup .filter-group label{color:#ffffffe6;font-size:.85rem}.mobile-search-popup .filter-menu.in-mobile-popup .filter-options{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.mobile-search-popup .filter-menu.in-mobile-popup .filter-option{font-size:.8rem;height:32px;padding:.25rem .4rem}.mobile-search-results-list{flex-grow:1;overflow-y:auto;margin-top:.75rem;padding:.25rem}.compact-assignment-item{display:flex;align-items:center;background-color:#ffffff1a;padding:.75rem;border-radius:8px;margin-bottom:.5rem;cursor:pointer;transition:background-color .2s ease}.compact-assignment-item:hover{background-color:#fff3}.dark-theme .compact-assignment-item{background-color:var(--bg-tertiary-dark)}.dark-theme .compact-assignment-item:hover{background-color:var(--hover-bg-dark)}.compact-assignment-priority{width:5px;height:30px;border-radius:3px;margin-right:.75rem;flex-shrink:0}.compact-assignment-content{flex-grow:1;min-width:0}.compact-assignment-title{font-size:.95rem;font-weight:500;color:#f0f0f0;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-assignment-meta{font-size:.75rem;color:#dcdcdcb3;display:flex;gap:.5rem}.dark-theme .compact-assignment-title{color:var(--text-primary-dark)}.dark-theme .compact-assignment-meta{color:var(--text-secondary-dark)}.compact-assignment-arrow{color:#dcdcdc99;margin-left:.5rem;flex-shrink:0}.no-results-message{text-align:center;color:#ffffffb3;padding:2rem 0;font-style:italic}.dark-theme .no-results-message{color:var(--text-muted-dark)}.mobile-search-popup{padding:3.5rem 1rem 1rem}.mobile-search-popup-header{padding:.5rem 0;margin-top:0;position:sticky;top:-1rem;background-color:inherit;z-index:1}}@media (max-width: 480px){.assignments-header h1{font-size:1.1rem}.header-actions .user-avatar{width:28px;height:28px}.compact-actions .new-assignment-button,.compact-actions .past-assignments-button{padding:.3rem .5rem}.compact-actions .new-assignment-button svg,.compact-actions .past-assignments-button svg{font-size:16px}.assignments-content{padding:.75rem .25rem}.assignment-header h3{font-size:.9rem}.assignment-description{font-size:.8rem}.calendar-header h2{font-size:1rem}.filter-menu{padding:.75rem}}.dashboard-page.sidebar-collapsed .dashboard-content.expanded{margin-left:70px}.dashboard-page:not(.sidebar-collapsed):not(.mobile-view) .dashboard-content{margin-left:250px}.dashboard-page.mobile-view .dashboard-content{margin-left:0!important}.mobile-sidebar-close-button{display:block}@media (max-width: 480px){.mobile-search-popup .filter-options{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.mobile-search-popup .filter-option{height:32px;font-size:.8rem}.filter-options{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}.dark-theme .filter-option{background-color:var(--bg-tertiary, #334155);border-color:var(--border-color, #475569);color:var(--text-secondary, #e2e8f0)}.dark-theme .filter-option:hover{background-color:var(--bg-secondary, #1e293b)}.dark-theme .filter-option.active{background-color:var(--primary-color, #4a6bfb);color:#fff}.card-description-markdown-preview{max-height:115px;overflow:hidden;position:relative;line-height:1.4;font-size:.85rem;color:var(--text-color-secondary)}.card-description-markdown-preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,transparent,var(--card-background-color));pointer-events:none}.dark-theme .card-description-markdown-preview:after{background:linear-gradient(to bottom,transparent,var(--bg-secondary-dark))}.card-description-markdown-preview h1,.card-description-markdown-preview h2,.card-description-markdown-preview h3,.card-description-markdown-preview h4,.card-description-markdown-preview h5,.card-description-markdown-preview h6{font-size:1em;margin-top:.25em;margin-bottom:.25em;font-weight:600}.card-description-markdown-preview p{margin-bottom:.5em}.card-description-markdown-preview ul,.card-description-markdown-preview ol{padding-left:1.2em;margin-bottom:.5em}.card-description-markdown-preview code{font-size:.8em}.assignment-card.status-overdue{background-color:color-mix(in srgb,#f8d7da 70%,transparent 10%)!important}.assignment-card.status-in-progress{background-color:color-mix(in srgb,var(--card-background-color) 70%,transparent 10%)!important}.assignment-card.status-pending{background-color:color-mix(in srgb,#cfe2ff 70%,transparent 10%)!important}.dark-theme .assignment-card.status-overdue{background-color:#240b0d!important}.dark-theme .assignment-card.status-in-progress{background-color:var(--bg-secondary-dark)!important}.dark-theme .assignment-card.status-pending{background-color:#051122!important}.custom-tooltip{background-color:#2c3e50;color:#fff;padding:8px 12px;border-radius:6px;font-size:.875rem;font-weight:500;box-shadow:0 2px 8px #00000026;white-space:nowrap}.dark-theme .custom-tooltip{background-color:var(--bg-tertiary-dark, #1e293b);color:var(--text-primary-dark, #e2e8f0);border:1px solid var(--border-color-dark, #334155);box-shadow:0 4px 12px #00000040}.help-button{display:flex;align-items:center;justify-content:center;padding:.5rem;background-color:transparent;border:1px solid var(--text-tertiary);border-radius:50%;color:var(--text-color-secondary);cursor:pointer;transition:all .2s ease;width:38px;height:38px}.dark-theme .help-button{border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.help-button:hover{background-color:var(--button-secondary-hover-bg);border-color:var(--text-primary)}.dark-theme .help-button:hover{background-color:var(--button-secondary-hover-bg-dark);border-color:var(--text-primary-dark)}.filter-controls{display:flex;align-items:center;gap:.75rem}@media (max-width: 768px){.dashboard-page.assignments-page .dashboard-content{padding-top:5rem;padding-bottom:5rem}.desktop-help-btn,.assignment-card .assignment-status,.assignment-card .view-details-button span,.compact-actions .new-assignment-button,.compact-actions .past-assignments-button{display:none}.search-filter-container{padding:0 1rem 1rem;flex-direction:column;gap:1rem}.dark-theme .no-results-message{color:var(--text-muted-dark)}.mobile-page-actions{display:flex;gap:.75rem;padding:0 1rem 1.25rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.dark-theme .mobile-page-actions{border-bottom-color:var(--border-color-dark)}.mobile-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:12px;font-size:.9rem;font-weight:600;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);transition:all .2s ease}.dark-theme .mobile-action-btn{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.mobile-action-btn.primary{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.dark-theme .mobile-action-btn.primary{background-color:var(--accent-color-dark);border-color:var(--accent-color-dark);color:var(--text-heading-dark)}.mobile-action-btn.help-btn{flex:0 0 auto;width:46px;padding:.5rem}.mobile-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.dark-theme .mobile-action-btn:hover{background-color:var(--bg-elevated);border-color:var(--text-muted-dark)}.dark-theme .mobile-action-btn.primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}}:root{--submission-modal-bg: #ffffff;--submission-modal-text: #333333;--submission-modal-border: #eeeeee;--submission-modal-header-bg: #f9f9f9;--submission-modal-shadow: rgba(0, 0, 0, .2);--submission-input-bg: #ffffff;--submission-input-border: #dddddd;--submission-input-text: #333333;--submission-button-primary-bg: #4a6bfb;--submission-button-primary-text: #ffffff;--submission-button-secondary-bg: #f0f0f0;--submission-button-secondary-text: #333333;--submission-error-text: #dc3545;--submission-success-text: #28a745;--submission-info-bg: #f5f7ff;--submission-info-border: #4a6bfb}.dark-theme{--submission-modal-bg: #1e1e1e;--submission-modal-text: #e2e8f0;--submission-modal-border: #2d3855;--submission-modal-header-bg: #141b2d;--submission-modal-shadow: rgba(0, 0, 0, .4);--submission-input-bg: #141b2d;--submission-input-border: #2d3855;--submission-input-text: #e2e8f0;--submission-button-primary-bg: #4a6bfb;--submission-button-primary-text: #ffffff;--submission-button-secondary-bg: #2a3655;--submission-button-secondary-text: #e2e8f0;--submission-error-text: #f87171;--submission-success-text: #4ade80;--submission-info-bg: #2a3655;--submission-info-border: #4a6bfb}.assignment-submission-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000a6;display:flex;justify-content:center;align-items:center;padding:1rem;box-sizing:border-box;z-index:1060;overflow-y:auto}.assignment-submission-modal-content{background-color:var(--submission-modal-bg);color:var(--submission-modal-text);border-radius:12px;width:100%;max-width:700px;max-height:90vh;box-shadow:0 10px 30px var(--submission-modal-shadow);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--submission-modal-border)}.dark-theme .assignment-submission-modal-content{border-color:var(--border-color-dark)}.assignment-submission-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--submission-modal-border);background-color:var(--submission-modal-header-bg);flex-shrink:0}.assignment-submission-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--submission-modal-text)}.close-button{background:none;border:none;color:var(--submission-modal-text);cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.close-button:hover{background-color:#0000001a}.dark-theme .close-button:hover{background-color:#ffffff1a}.assignment-submission-body{padding:1.5rem;overflow-y:auto;flex-grow:1}.assignment-details{margin-bottom:1.5rem}.assignment-details h3{margin:0 0 .75rem;font-size:1.15rem;font-weight:600;color:var(--submission-modal-text)}.assignment-description.modal-content{display:none;background-color:var(--submission-info-bg);padding:1rem;border-radius:8px;border-left:4px solid var(--submission-info-border);margin-bottom:1.5rem;color:var(--submission-modal-text);font-size:.9rem;line-height:1.6}.dark-theme .assignment-description.modal-content{background-color:var(--submission-info-bg);color:var(--submission-modal-text);border-left:4px solid var(--submission-info-border)}.submission-form,.feedback-section{width:100%}.submission-input-section,.file-upload-section{margin-bottom:1.5rem}.submission-input-section h4,.file-upload-section h4{margin:0 0 .75rem;font-size:1.05rem;font-weight:500;color:var(--submission-modal-text)}.dark-theme .submission-input-section h4,.dark-theme .file-upload-section h4{color:#e2e8f0}.submission-textarea{width:100%;min-height:150px;padding:.75rem;border-radius:8px;border:1px solid var(--submission-input-border);background-color:var(--submission-input-bg);color:var(--submission-input-text);font-family:inherit;font-size:.9rem;resize:vertical;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.submission-textarea:focus{outline:none;border-color:var(--submission-button-primary-bg);box-shadow:0 0 0 2px #4a6bfb33}.submission-textarea:disabled{background-color:#0000000d;cursor:not-allowed}.dark-theme .submission-textarea{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark)!important;color:#e2e8f0}.dark-theme .submission-textarea:focus{border-color:#4a6bfb;box-shadow:0 0 0 2px #4a6bfb33}.dark-theme .submission-textarea:disabled{background-color:#ffffff0d;border-color:var(--submission-input-border);color:#7888a0}.file-upload-section{margin-bottom:1.5rem}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;border:2px dashed var(--submission-input-border);border-radius:8px;cursor:pointer;transition:all .2s;background-color:var(--submission-input-bg);text-align:center}.file-upload-label:hover{border-color:var(--submission-button-primary-bg);background-color:#4a6bfb0d}.file-upload-label svg{color:var(--submission-button-primary-bg);margin-bottom:.5rem}.file-upload-label span{margin-top:.5rem;font-size:.9rem;color:var(--submission-modal-text)}.dark-theme .file-upload-label{border:2px dashed var(--border-color-dark);background-color:var(--bg-tertiary-dark)}.dark-theme .file-upload-label svg{color:var(--input-text-dark)}.dark-theme .file-upload-label:hover{border-color:var(--accent-color-dark)!important;background-color:#1a2234}.dark-theme .file-upload-label span{color:var(--submission-modal-text)}.uploaded-file{display:flex;align-items:center;background-color:var(--submission-info-bg);padding:.75rem 1rem;border-radius:8px;border:1px solid var(--submission-input-border)}.dark-theme .uploaded-file{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark)}.file-name{margin-left:.5rem;flex:1;color:var(--submission-modal-text);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-theme .file-name{color:#e2e8f0}.remove-file-button{background:none;border:none;color:var(--submission-error-text);cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:.5rem;transition:background-color .2s}.remove-file-button:hover{background-color:#dc35451a}.remove-file-button:disabled{opacity:.5;cursor:not-allowed}.dark-theme .remove-file-button{color:#ff6b6b}.dark-theme .remove-file-button:hover{background-color:#ff6b6b33}.submission-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#dc35451a;color:var(--submission-error-text);border-radius:8px;font-size:.9rem;margin-top:1rem;border:1px solid rgba(220,53,69,.2)}.submission-error svg{flex-shrink:0}.dark-theme .submission-error{background-color:#f4433626;color:#ff6b6b}.submission-actions{display:flex;flex-direction:row;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--submission-modal-border);flex-shrink:0}.dark-theme .submission-actions{border-top:1px solid var(--border-color-dark)}.cancel-button,.submit-button,.complete-button{padding:.6rem 1.2rem;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.cancel-button{background-color:var(--submission-button-secondary-bg);color:var(--submission-button-secondary-text);border-color:var(--submission-input-border)}.cancel-button:hover{opacity:.85;background-color:var(--bg-tertiary-dark)!important}.dark-theme .cancel-button{border-color:#2d3855;color:#94a3b8}.dark-theme .cancel-button:hover{background-color:#2a3655;color:#e2e8f0}.submit-button-text{font-size:.9rem;font-weight:500}.submit-button,.complete-button{background-color:var(--button-secondary-bg-dark);color:var(--submission-button-primary-text)}.submit-button:hover,.complete-button:hover{opacity:.85}.submit-button:disabled,.complete-button:disabled{opacity:.6;cursor:not-allowed}.dark-theme .submit-button,.dark-theme .complete-button{background:linear-gradient(135deg,#4a6bfb,#3a5be0);box-shadow:0 4px 12px #4a6bfb4d}.dark-theme .submit-button:hover,.dark-theme .complete-button:hover{background:linear-gradient(135deg,#5a7bff,#4a6bfb);transform:translateY(-2px)}.dark-theme .submit-button:disabled{background:var(--bg-tertiary-dark);color:#94a3b8;box-shadow:none;cursor:not-allowed}.submit-button svg,.complete-button svg{margin-right:8px}.spinner{animation:spin 1s linear infinite}.feedback-section{padding-top:1rem}.grade-display.modal{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1.5rem;text-align:center}.grade-circle{width:180px!important;height:180px!important;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:.5rem;box-shadow:0 2px 4px #0000001a}.grade-label{font-size:.95rem;font-weight:500;color:var(--submission-modal-text)}.dark-theme .grade-label{color:#e2e8f0}.feedback-content{background-color:var(--submission-info-bg);padding:1rem;border-radius:8px;color:var(--submission-modal-text);font-size:.9rem;line-height:1.6;margin-bottom:1.5rem}.feedback-content h1,.feedback-content h2,.feedback-content h3,.feedback-content h4,.feedback-content h5,.feedback-content h6{color:var(--submission-modal-text);margin-top:1em;margin-bottom:.5em}.feedback-content p{color:var(--submission-modal-text)}.feedback-content code{background-color:#0000001a;padding:.2em .4em;border-radius:3px}.dark-theme .feedback-content code{background-color:#ffffff1a}.feedback-content pre{background-color:#00000012;padding:.75rem;border-radius:6px;overflow-x:auto}.dark-theme .feedback-content pre{background-color:#ffffff12}.feedback-content a{color:var(--submission-button-primary-bg);text-decoration:none}.feedback-content a:hover{text-decoration:underline}.feedback-content blockquote{border-left:3px solid var(--submission-input-border);padding-left:1rem;margin-left:0;color:#555}.dark-theme .feedback-content blockquote{color:#aaa;border-left-color:var(--submission-input-border)}.dark-theme .assignment-submission-content::-webkit-scrollbar{width:8px}.dark-theme .assignment-submission-content::-webkit-scrollbar-track{background:#141b2d;border-radius:4px}.dark-theme .assignment-submission-content::-webkit-scrollbar-thumb{background:#2d3855;border-radius:4px}.dark-theme .assignment-submission-content::-webkit-scrollbar-thumb:hover{background:#3a5be0}.dark-theme .assignment-submission-header{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark)}@media (max-width: 768px){.assignment-submission-modal-content{width:95vw;max-height:85vh;margin:auto;border-radius:20px}.assignment-submission-header h2{font-size:1.1rem}.assignment-submission-body{padding:1rem}.submission-textarea{min-height:120px}.grade-circle{width:70px;height:70px;font-size:1.5rem}.grade-label{font-size:.9rem}.submission-actions{flex-direction:column;gap:.5rem}.cancel-button,.submit-button,.complete-button{width:100%;padding:.75rem 1rem}}@media (max-width: 480px){.assignment-submission-header{padding:.75rem 1rem}.assignment-submission-header h2{font-size:1rem}.assignment-submission-body{padding:.75rem}.assignment-details h3{font-size:1.05rem}.assignment-description.modal-content,.feedback-content,.submission-textarea,.file-upload-label span,.file-name,.submission-error,.grade-label{font-size:.85rem}.submission-input-section h4,.file-upload-section h4{font-size:1rem}}.assignment-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(var(--background-color-rgb, 0, 0, 0),.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20000;display:flex;align-items:center;justify-content:center;padding:1rem}.theme-dark .assignment-popup-overlay{background-color:rgba(var(--bg-primary-dark),.8)}.assignment-popup-content{background-color:var(--bg-secondary);color:var(--text-primary);border-radius:24px;box-shadow:0 25px 50px -12px #0000004d;width:100%;max-width:520px;overflow:hidden;display:flex;flex-direction:column;position:relative;text-align:center}.theme-dark .assignment-popup-content{background-image:linear-gradient(60deg,var(--bg-primary-dark),var(--bg-secondary-dark));color:var(--text-primary-dark)}.assignment-popup-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s ease;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.assignment-popup-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary);transform:rotate(90deg)}.theme-dark .assignment-popup-close{color:var(--text-muted-dark)}.theme-dark .assignment-popup-close:hover{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark)}.assignment-popup-body{display:flex;min-height:200px;overflow:hidden;padding:3rem 2.5rem 2rem}.assignment-popup-step-content{width:100%;height:100%;flex-shrink:0}.assignment-popup-text-content{display:flex;flex-direction:column;gap:1rem}.assignment-popup-text-content h2{font-size:2rem;font-weight:800;color:var(--text-heading);line-height:1.2}.theme-dark .assignment-popup-text-content h2{color:var(--text-heading-dark)}.assignment-popup-text-content p{font-size:1.1rem;line-height:1.6;color:var(--text-secondary)}.theme-dark .assignment-popup-text-content p{color:var(--text-secondary-dark)}.assignment-popup-footer{padding:1rem 2.5rem;background-color:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.theme-dark .assignment-popup-footer{background-color:var(--bg-tertiary-dark);border-top-color:var(--border-color-dark)}@media (max-width: 480px){.popup-nav-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr}.popup-nav-btn.done{grid-column:1 / -1}.popup-dots{padding-right:20px}}.loading-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f4f8;font-family:DM Sans,Arial,sans-serif;transition:opacity .5s ease-out,transform .5s ease-out}.loading-page.dark-theme{background-color:var(--bg-primary-dark)}.loading-page.exiting{opacity:0;transform:scale(1.02)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:500px;width:100%;text-align:center}.loading-container.dark-theme{background-color:var(--bg-secondary-dark)!important;box-shadow:0 10px 30px #0006}.loading-logo{width:160px;margin-bottom:2rem}.loading-animation{margin-bottom:1.5rem;position:relative}.loading-spinner-login{width:80px;height:80px;border:6px solid rgba(3,205,255,.1);border-left-color:#03cdff;border-radius:50%;animation:spin 1.2s linear infinite}.loading-page.dark-theme .loading-spinner-login{border-color:#4dabf733;border-left-color:var(--primary-color)}.loading-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#03cdff}.loading-page.dark-theme .loading-icon{color:var(--primary-color)}.loading-text{font-size:1.6rem;font-weight:700;margin-bottom:1rem;color:#041137}.loading-page.dark-theme .loading-text{color:var(--text-primary-dark)}.loading-description{font-size:1.1rem;color:#6c757d;line-height:1.5;margin-bottom:1.5rem}.loading-page.dark-theme .loading-description{color:var(--text-secondary-dark)}.loading-dots{display:inline-block;min-width:30px;text-align:left}@media (max-width: 768px){.loading-container{padding:1.5rem;margin:1rem}.loading-logo{width:120px}.loading-text{font-size:1.4rem}.loading-description{font-size:1rem}}.learning-resources-page{position:relative;overflow-x:hidden}.dark-theme.learning-resources-page{--bg-primary-dark: #121212;--bg-secondary-dark: #1e1e1e;--bg-tertiary-dark: #2b2b2b;--text-primary-dark: #e0e0e0;--text-secondary-dark: #b0b0b0;--text-body-dark: #d0d0d0;--text-heading-dark: #ffffff;--text-muted-dark: #808080;--border-color-dark: #404040;--border-color-light: #e0e0e0;--accent-color-dark: #4f46e5;--accent-color-hover-dark: #635dff;--accent-color-rgb: 79, 70, 229;--accent-color-dark-rgb: 79, 70, 229;--button-secondary-bg-dark: #404040;--button-secondary-text-dark: #e0e0e0;--button-secondary-hover-bg-dark: #505050;--header-bg-dark: #1e1e1e;--input-bg-dark: #2b2b2b;--input-text-dark: #e0e0e0;--button-disabled-bg-dark: #333333;--error-color-dark: #ff6b6b;--error-bg-dark: rgba(255, 107, 107, .2);--skeleton-bg-dark: #3a3a3a;--skeleton-shimmer-dark: rgba(255,255,255,.1);--spinner-bg-color-dark: #3a3a3a;--success-color-dark: #5cb85c;--hover-bg-dark: rgba(255, 255, 255, .05);--blockquote-bg-dark: #252526;--code-block-bg-dark: #1a1a1a;--code-block-text-dark: #cccccc;--code-inline-bg-dark: #3a3a3a;--code-inline-text-dark: #c3e88d}.learning-resources-page .dashboard-content{padding-top:1rem}.learning-resources-page .dashboard-header-mobile-top{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--header-bg, var(--bg-secondary, #ffffff));border-bottom:1px solid var(--border-color, #e0e0e0);position:fixed;top:0;left:0;width:100%;z-index:1030;box-sizing:border-box}.dark-theme.learning-resources-page .dashboard-header-mobile-top{background-color:var(--header-bg-dark, var(--bg-primary, #1e293b));border-bottom:1px solid var(--border-color-dark, var(--border-color, #2d3855))}.learning-resources-page .dashboard-header-mobile-top .hamburger-menu{padding:.25rem;margin-right:.5rem;color:var(--text-primary)}.dark-theme.learning-resources-page .dashboard-header-mobile-top .hamburger-menu{color:var(--text-primary)}.inspiration-return-button{display:flex;align-items:center;justify-content:center;background:none;background-color:var(--bg-secondary);color:var(--text-primary);padding:.5rem 1rem;border-radius:20px;font-weight:500;transition:background-color .2s,color .2s;border:1px solid var(--border-color)}.inspiration-return-button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.theme-dark .inspiration-return-button{background-color:var(--onboarding-card-bg-alt);color:var(--text-primary-dark);border-color:var(--border-color-dark)}.theme-dark .inspiration-return-button:hover{background-color:var(--bg-secondary-dark);color:var(--text-primary-dark)}.inspiration-refresh-button{background-color:var(--bg-secondary);color:var(--text-primary);padding:.5rem 1rem;border-radius:20px;font-weight:500;transition:background-color .2s,color .2s;border:1px solid var(--border-color)}.theme-dark .inspiration-refresh-button{background-color:var(--onboarding-card-bg-alt);color:var(--text-primary-dark);border-color:var(--border-color-dark)}.theme-dark .inspiration-refresh-button:hover{background-color:var(--bg-secondary-dark);color:var(--text-primary-dark)}.learning-resources-page .dashboard-header-mobile-top .mobile-library-back-button{padding:.25rem;margin-right:.5rem;color:var(--text-primary);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.dark-theme.learning-resources-page .dashboard-header-mobile-top .mobile-library-back-button{color:var(--text-primary)}.learning-resources-page .dashboard-header-mobile-top .mobile-header-title{flex-grow:1;text-align:center;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-theme.learning-resources-page .dashboard-header-mobile-top .mobile-header-title{color:var(--text-primary)}.learning-resources-page .dashboard-header-mobile-top .mobile-header-actions{display:flex;align-items:center;gap:.75rem;margin-left:.5rem}.learning-resources-page .user-profile.mobile-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--avatar-bg, var(--bg-tertiary));color:var(--avatar-text, var(--text-primary));font-size:.8rem;font-weight:600;overflow:hidden}.learning-resources-page .user-profile.mobile-avatar .header-avatar-image{width:100%;height:100%;object-fit:cover}.resources-header.desktop-only-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.5rem 0}.resources-header-left{display:flex;align-items:center;gap:1rem}.resources-header .back-button{display:flex;align-items:center;background-color:var(--button-bg, var(--bg-tertiary));color:var(--button-text, var(--text-secondary));border:1px solid var(--border-color, #e0e0e0);padding:.5rem 1rem;border-radius:20px;text-decoration:none;font-weight:500;transition:background-color .2s,color .2s}.resources-header .back-button:hover{background-color:var(--button-hover-bg, rgba(0,0,0,.05));color:var(--button-hover-text, var(--text-primary))}.dark-theme .resources-header .back-button{background-color:var(--bg-tertiary-dark);color:var(--text-secondary-dark);border-color:var(--border-color-dark)}.dark-theme .resources-header .back-button:hover{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark)}.resources-header .back-button span{display:none;margin-left:.5rem}.resources-header h1{font-size:1.75rem;margin:0;color:var(--text-heading, var(--text-primary))}.dark-theme .resources-header h1{color:var(--text-heading-dark, var(--text-primary))}.learning-resources-content-area{flex-grow:1;display:flex;flex-direction:column;gap:30px}.mobile-back-button{display:none;align-items:center;gap:.5rem;background-color:var(--bg-secondary);color:var(--text-primary);padding:.6rem 1rem;border-radius:30px;font-weight:500;transition:background-color .2s;border:1px solid var(--border-color);margin-bottom:-1rem;margin-top:-.5rem;align-self:flex-start}.dark-theme .mobile-back-button{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.mobile-back-button:hover{background-color:var(--bg-tertiary)}.dark-theme .mobile-back-button:hover{background-color:var(--border-color-dark)}@media (max-width: 768px){.mobile-back-button{display:flex}}.card-stylized{background-color:var(--bg-secondary);border:var(--dashboard-card-border, 2px solid var(--text-primary));border-radius:var(--dashboard-card-border-radius, 20px);padding:25px;overflow:visible;position:relative}.dark-theme .card-stylized{background-color:var(--bg-tertiary-dark);border:2px solid var(--text-muted-dark)!important}.ai-note-generator-section h3{margin-top:0;margin-bottom:1px;font-size:1.5rem;color:var(--text-heading, #1f2937);opacity:.95}.dark-theme .ai-note-generator-section h3{color:var(--text-heading-dark)}.ai-note-generator-section p{margin-bottom:20px;font-size:1rem;color:var(--text-body, #4b5563)}.dark-theme .ai-note-generator-section p{color:var(--text-body-dark)}.topic-input-container{display:flex;gap:10px;margin-bottom:15px}.topic-input-field{flex-grow:1;padding:12px 15px;border:1px solid var(--border-color-light, #d1d5db);border-radius:15px;font-size:1rem;color:var(--text-input, #1f2937);background-color:var(--bg-input, #ffffff)}.dark-theme .topic-input-field{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.topic-input-field:focus{outline:none;border-color:var(--accent-color, #4f46e5);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb, 79, 70, 229),.2)}.generate-notes-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background-color:#4338ca;color:#fff;border:none;border-radius:15px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.generate-flashcards-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background-color:var(--button-secondary-bg, #e5e7eb);color:var(--button-secondary-text, #374151);border:1px solid var(--border-color-light, #d1d5db);border-radius:15px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.dark-theme .generate-flashcards-button{background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark);border-color:var(--border-color-dark)}.generate-notes-button:hover:not(:disabled){background-color:#6359cf}.generate-notes-button:disabled{background-color:var(--bg-button-disabled, #9ca3af);cursor:not-allowed}.dark-theme .generate-notes-button:disabled{background-color:var(--button-secondary-bg-dark)}.error-message{color:var(--error-color, #dc2626);background-color:var(--error-bg, #fee2e2);padding:10px 15px;border-radius:6px;border:1px solid var(--error-border-color, #fecaca);font-size:.9rem}.dark-theme .error-message{color:var(--error-color-dark, #f87171);background-color:var(--error-bg-dark, #450a0a);border-color:var(--error-border-color-dark, #7f1d1d)}.note-gen-error{margin-top:10px}.loading-notes-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;min-height:200px}.loading-notes-placeholder .spinner-large{width:48px;height:48px;border:5px solid var(--border-color-light);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.dark-theme .loading-notes-placeholder .spinner-large{border-color:var(--border-color-dark);border-top-color:var(--accent-color-dark)}.loading-notes-placeholder>p{font-size:1rem;color:var(--text-muted, #6b7280);text-align:center}.dark-theme .loading-notes-placeholder>p{color:var(--text-muted-dark)}.generated-notes-display{display:flex;flex-direction:column;gap:20px}.notes-header-actions-lr-page{display:flex;justify-content:space-between;align-items:center;padding:15px;background-image:linear-gradient(60deg,var(--bg-primary),var(--bg-tertiary));border-radius:15px;opacity:.95}.dark-theme .notes-header-actions-lr-page{background-image:linear-gradient(60deg,var(--bg-secondary-dark),var(--bg-tertiary-dark))}.notes-header-actions-lr-page h4{margin:0;font-size:1.2rem;color:var(--text-heading, #1f2937)}.dark-theme .notes-header-actions-lr-page h4{color:var(--text-heading-dark)}.download-notes-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--button-secondary-bg, #e5e7eb);color:var(--button-secondary-text, #374151);border:1px solid var(--border-color-light, #d1d5db);border-radius:15px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.dark-theme .download-notes-button{background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark);border-color:var(--border-color-dark)}.download-notes-button:hover{background-color:var(--button-secondary-hover-bg, #d1d5db)}.dark-theme .download-notes-button:hover{background-color:var(--button-secondary-hover-bg-dark)}.notes-buttons-group{display:flex;gap:10px}.save-note-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--accent-color, #4f46e5);color:#fff;border:1px solid transparent;border-radius:15px;font-weight:500;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.dark-theme .save-note-button{background-color:var(--accent-color-dark)}.save-note-button:hover:not(:disabled){background-color:var(--accent-color-hover, #4338ca)}.dark-theme .save-note-button:hover:not(:disabled){background-color:var(--accent-color-hover-dark)}.save-note-button:disabled{background-color:var(--button-disabled-bg, #9ca3af);color:var(--button-disabled-text, #e5e7eb);cursor:not-allowed;opacity:.7}.dark-theme .save-note-button:disabled{background-color:var(--button-disabled-bg-dark, #4a5568);color:var(--button-disabled-text-dark, #94a3b8)}.success-message{color:var(--success-color, #059669);background-color:var(--success-bg, #d1fae5);padding:10px 15px;border-radius:6px;border:1px solid var(--success-border-color, #6ee7b7);font-size:.9rem;margin-top:10px}.dark-theme .success-message{color:var(--success-color-dark, #a7f3d0);background-color:var(--success-bg-dark, #064e3b);border-color:var(--success-border-color-dark, #059669)}.note-save-success{text-align:center}.note-section{padding:20px}.note-section .markdown-content{font-family:inherit;line-height:1.7;width:100%;color:var(--text-body, #374151)}.dark-theme .note-section .markdown-content{color:var(--text-body-dark)}.note-section .markdown-content h1,.note-section .markdown-content h2,.note-section .markdown-content h3,.note-section .markdown-content h4,.note-section .markdown-content h5,.note-section .markdown-content h6{margin-top:1.5em;margin-bottom:.75em;font-weight:600;line-height:1.3;color:var(--text-heading, #111827)}.dark-theme .note-section .markdown-content h1,.dark-theme .note-section .markdown-content h2,.dark-theme .note-section .markdown-content h3,.dark-theme .note-section .markdown-content h4,.dark-theme .note-section .markdown-content h5,.dark-theme .note-section .markdown-content h6{color:var(--text-heading-dark)}.note-section .markdown-content h1{font-size:3em}.note-section .markdown-content h2{font-size:2.5em}.note-section .markdown-content h3{font-size:2em}.note-section .markdown-content h4{font-size:1.5em}.note-section .markdown-content p{margin-top:0;margin-bottom:1em;font-size:1.2rem!important}.note-section .markdown-content ul,.note-section .markdown-content ol{margin-top:0;margin-bottom:1em;padding-left:1.8em}.note-section .markdown-content li{margin-bottom:.4em}.note-section .markdown-content li>p{margin-bottom:.4em}.note-section .markdown-content blockquote{margin:1em 0;padding:.5em 1em;border-left:4px solid var(--border-color-light, #e5e7eb);color:var(--text-muted, #6b7280);background-color:var(--bg-secondary, #f9fafb)}.dark-theme .note-section .markdown-content blockquote{border-left-color:var(--border-color-dark);color:var(--text-muted-dark);background-color:var(--blockquote-bg-dark)}.note-section .markdown-content img{max-width:100%;height:auto;border-radius:6px;margin:1em 0}.note-section .markdown-content table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.9em}.note-section .markdown-content th,.note-section .markdown-content td{padding:.6em .8em;border:1px solid var(--border-color-light, #e5e7eb);text-align:left}.dark-theme .note-section .markdown-content th,.dark-theme .note-section .markdown-content td{border-color:var(--border-color-dark)}.note-section .markdown-content th{background-color:var(--bg-secondary, #f9fafb);font-weight:600}.dark-theme .note-section .markdown-content th{background-color:var(--bg-tertiary-dark)}.note-section .markdown-content a{color:var(--accent-color, #4f46e5);text-decoration:none}.note-section .markdown-content a:hover{text-decoration:underline}.dark-theme .note-section .markdown-content a{color:var(--accent-color-dark)}.note-section .markdown-content code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;padding:.2em .4em;margin:0 .1em;font-size:.875em;background-color:var(--code-inline-bg, #f3f4f6);border-radius:4px;color:var(--code-inline-text, #4b5563)}.dark-theme .note-section .markdown-content code{background-color:var(--code-inline-bg-dark);color:var(--code-inline-text-dark)}.code-block-wrapper{position:relative;margin:1.5em 0;max-width:100%;box-sizing:border-box}.note-section .markdown-content pre{background-color:var(--code-block-bg, #f9fafb);border:1px solid var(--border-color-light, #e5e7eb);border-radius:8px;padding:1em;overflow-x:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em;line-height:1.5;color:var(--code-block-text, #374151);padding-top:3em!important;margin:0!important;max-width:100%;box-sizing:border-box}.dark-theme .note-section .markdown-content pre{background-color:#2c3e50;border:1px solid var(--border-color-dark)}.copy-code-button{position:absolute;top:10px;right:10px;background-color:var(--button-secondary-bg, #e5e7eb);color:var(--button-secondary-text, #4b5563);border:none;border-radius:6px;padding:5px 10px;font-size:.8em;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:5px;opacity:.6;transition:opacity .2s ease,background-color .2s ease}.copy-code-button:hover{background-color:var(--button-secondary-hover-bg, #d1d5db)}.dark-theme .copy-code-button{background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark)}.dark-theme .copy-code-button:hover{background-color:var(--button-secondary-hover-bg-dark)}.copy-code-button:has(svg>path[d*="M5 12l5 5l10 -10"]){background-color:var(--success-color);color:#fff}.dark-theme .copy-code-button:has(svg>path[d*="M5 12l5 5l10 -10"]){background-color:var(--success-color);color:#fff}.note-section .katex{font-size:1.1em;color:var(--text-body, #374151)}.dark-theme .note-section .katex{color:var(--text-body-dark)}.note-section .katex-display{overflow-x:auto;overflow-y:hidden;padding:.5em 0}.dark-theme .note-section .katex-display{background-color:#2c3e5080;border:1px solid var(--border-color-dark)}.spinner-small{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}.button-text-mobile-hide{display:block}@media (max-width: 768px){.button-text-mobile-hide{display:none}}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;max-width:900px;margin:0 auto}.features-grid .feature-tile:last-child{grid-column:span 2;width:calc(50% - .75rem);justify-self:center}.feature-tile{background-image:linear-gradient(60deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--tinted-border-color);border-radius:16px;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.feature-tile:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;border:2px solid transparent;transition:border-color .3s ease;pointer-events:none}.theme-dark .feature-tile{background-image:linear-gradient(60deg,var(--bg-secondary-dark),var(--bg-tertiary-dark));border-color:var(--tinted-border-color)}.feature-tile:hover{transform:translateY(-4px);background-color:#1a1a22}.feature-tile:hover:before{border-color:#4f46e5b3}.tile-icon-wrapper{background-color:#4f46e51a;border-radius:50%;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;color:#818cf8}.dark-theme .tile-icon-wrapper{background-color:#6366f11a;color:#a7afff}.feature-tile h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--text-heading-dark)}.dark-theme .feature-tile h3{color:#fff}.feature-tile p{font-size:.95rem;color:var(--text-secondary-dark);line-height:1.6;max-width:300px}.dark-theme .feature-tile p{color:#a1a1aa}.feature-view-container{display:flex;flex-direction:column;gap:20px;width:100%;max-width:900px;margin:0 auto}.back-to-features-button{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--button-secondary-bg, #e5e7eb);color:var(--button-secondary-text, #374151);border:1px solid var(--border-color-light, #d1d5db);border-radius:20px;font-weight:500;cursor:pointer;transition:background-color .2s ease;align-self:flex-start;margin-bottom:10px}.back-to-features-button:hover{background-color:var(--button-secondary-hover-bg, #d1d5db)}.dark-theme .back-to-features-button{background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark);border-color:var(--border-color-dark)}.dark-theme .back-to-features-button:hover{background-color:var(--button-secondary-hover-bg-dark)}@media (max-width: 768px){.resources-header.desktop-only-header{display:none}.learning-resources-page .dashboard-content{padding-top:calc(1rem + 56px)}.learning-resources-content-area{padding:15px}.card-stylized,.sub-feature-card{padding:20px}.topic-input-container{flex-direction:column}.topic-input-field,.generate-notes-button{width:100%}.notes-header-actions-lr-page{flex-direction:column;align-items:flex-start;gap:10px}.notes-header-actions-lr-page h3,.notes-header-actions-lr-page h4{font-size:1.1rem}.features-grid{padding:15px 10px;gap:15px}.feature-tile{flex-basis:calc(100% + -0px);min-height:auto;padding:20px}.feature-tile h3{font-size:1.2rem}.back-to-features-button,.history-button.notes-history-button,.download-notes-button,.save-note-button,.download-summary-button,.save-summary-button{padding:8px;gap:0;min-width:0}.back-to-features-button span,.history-button.notes-history-button span,.download-notes-button span,.save-note-button span,.download-summary-button span,.save-summary-button span{display:none}.back-to-features-button{border-radius:50%;width:40px;height:40px;justify-content:center}.notes-buttons-group,.summary-buttons-group{gap:8px}}@media (max-width: 640px){.feature-tile{padding:15px}.features-grid{gap:10px}}@media (max-width: 600px){.features-grid{grid-template-columns:1fr}.features-grid .feature-tile:last-child{grid-column:auto;width:auto;justify-self:auto}}.collapsible-note-section{margin-bottom:1rem;transition:all .2s ease-in-out;background-image:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary))}.dark-theme .collapsible-note-section{background-image:linear-gradient(to right,var(--bg-primary-dark),var(--bg-secondary-dark))}.collapsible-note-section:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000000d}.dark-theme .collapsible-note-section:hover{box-shadow:0 4px 20px #0003}.collapsible-header-title{display:flex;align-items:center;gap:1rem}.collapsible-header-title svg{color:var(--accent-color)}.dark-theme .collapsible-header-title svg{color:var(--accent-color-dark)}.collapsible-section-header h3{margin:0;font-size:1.3rem;font-weight:600;color:var(--text-heading)}.dark-theme .collapsible-section-header h3{color:var(--text-heading-dark)}.play-note-button{background:none;border:none;padding:0;margin:0;cursor:pointer;color:var(--text-secondary);transition:color .2s;display:flex;align-items:center}.expand-icon{color:var(--text-muted, #666);transition:transform .2s ease-in-out}.dark-theme .expand-icon{color:var(--text-muted-dark, #aaa)}.collapsible-section-header:hover .expand-icon{color:var(--text-primary);transform:scale(1.1)}.dark-theme .collapsible-section-header:hover .expand-icon{color:var(--text-primary-dark)}.collapsible-section-content{padding:0 1.5rem 1.5rem}.collapsible-section-preview{color:var(--text-secondary, #555);font-size:.95rem;line-height:1.5;overflow:hidden;padding:0 1.5rem 1rem;border-top:1px solid var(--border-color);margin-top:1rem}.dark-theme .collapsible-section-preview{color:var(--text-secondary-dark, #ccc);border-top-color:var(--border-color-dark)}.sub-feature-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.history-button.notes-history-button{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--button-secondary-bg, #e5e7eb);color:var(--button-secondary-text, #374151);border:1px solid var(--border-color-light, #d1d5db);border-radius:20px;font-weight:500;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;margin-bottom:10px}.dark-theme .history-button.notes-history-button{background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark);border-color:var(--border-color-dark)}.history-button.notes-history-button:hover{background-color:var(--button-secondary-hover-bg, #d1d5db);border-color:var(--accent-color, #4f46e5)}.dark-theme .history-button.notes-history-button:hover{background-color:var(--button-secondary-hover-bg-dark);border-color:var(--accent-color-dark)}.notes-history-panel{position:fixed;top:0;right:0;width:320px;height:100%;background-color:var(--bg-secondary, #ffffff);border-left:1px solid var(--border-color-light, #e0e0e0);box-shadow:-3px 0 15px #0000001a;z-index:1050;display:flex;flex-direction:column;padding:0;box-sizing:border-box}.dark-theme .notes-history-panel{background-color:var(--bg-secondary-dark, #1a202c);border-left-color:var(--border-color-dark, #2d3748);box-shadow:-3px 0 15px #00000040}.notes-history-panel .history-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color-light, #e0e0e0);flex-shrink:0}.dark-theme .notes-history-panel .history-panel-header{border-bottom-color:var(--border-color-dark, #2d3748)}.notes-history-panel .history-panel-header h3{margin:0;font-size:1.1rem;color:var(--text-heading, #1f2937)}.dark-theme .notes-history-panel .history-panel-header h3{color:var(--text-heading-dark, #e2e8f0)}.notes-history-panel .close-history-button{background:none;border:none;color:var(--text-muted, #6b7280);cursor:pointer;padding:4px;border-radius:50%;transition:background-color .2s ease,color .2s ease}.notes-history-panel .close-history-button:hover{background-color:var(--hover-bg, rgba(0,0,0,.05));color:var(--text-primary, #1f2937)}.dark-theme .notes-history-panel .close-history-button{color:var(--text-muted-dark, #94a3b8)}.dark-theme .notes-history-panel .close-history-button:hover{background-color:var(--hover-bg-dark, rgba(255,255,255,.08));color:var(--text-primary-dark, #e2e8f0)}.notes-history-panel .history-list{flex-grow:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:10px}.notes-history-panel .history-loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;flex-grow:1}.notes-history-panel .history-loading-placeholder .spinner-large{margin-bottom:15px}.notes-history-panel .history-loading-placeholder p{color:var(--text-muted, #6b7280)}.dark-theme .notes-history-panel .history-loading-placeholder p{color:var(--text-muted-dark, #94a3b8)}.notes-history-panel .history-item{padding:12px 15px;background-color:var(--bg-tertiary, #f9fafb);border:1px solid var(--border-color-light, #e0e0e0);border-radius:8px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.dark-theme .notes-history-panel .history-item{background-color:var(--bg-tertiary-dark, #2d3748);border-color:var(--border-color-dark, #4a5568)}.notes-history-panel .history-item:hover{background-color:var(--hover-bg-light, #f3f4f6);border-color:var(--accent-color, #4f46e5);transform:translateY(-2px)}.dark-theme .notes-history-panel .history-item:hover{background-color:var(--hover-bg-dark, #374151);border-color:var(--accent-color-dark, #6366f1)}.notes-history-panel .history-topic-name{font-weight:600;margin:0 0 4px;font-size:.95rem;color:var(--text-primary, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-theme .notes-history-panel .history-topic-name{color:var(--text-primary-dark, #e2e8f0)}.notes-history-panel .history-date{font-size:.8rem;color:var(--text-muted, #6b7280);margin:0}.dark-theme .notes-history-panel .history-date{color:var(--text-muted-dark, #94a3b8)}.notes-history-panel .no-history{text-align:center;padding:20px;color:var(--text-muted, #6b7280);flex-grow:1;display:flex;align-items:center;justify-content:center}.dark-theme .notes-history-panel .no-history{color:var(--text-muted-dark, #94a3b8)}.generated-note-title{margin:0;font-size:1.8rem!important;color:var(--text-heading, #1f2937);font-weight:600;flex-grow:1}.dark-theme .generated-note-title{color:var(--text-heading-dark, #e2e8f0)}@media (min-width: 769px){.generated-note-title{font-size:2.2rem;font-weight:700;text-align:left}.notes-header-actions-lr-page{align-items:center}}.summarize-materials-section h3{margin-top:0;margin-bottom:8px;font-size:1.5rem;color:var(--text-heading, #1f2937)}.dark-theme .summarize-materials-section h3{color:var(--text-heading-dark)}.summarize-materials-section p{margin-bottom:20px;font-size:1rem;color:var(--text-body, #4b5563)}.dark-theme .summarize-materials-section p{color:var(--text-body-dark)}.summary-input-options{display:flex;gap:30px;margin-bottom:20px;align-items:flex-start}.summary-file-upload-area,.summary-text-input-area{flex:1;display:flex;flex-direction:column;gap:15px}.summary-file-upload-area h4,.summary-text-input-area h4{margin-top:0;margin-bottom:5px;font-size:1.1rem;color:var(--text-heading, #1f2937)}.dark-theme .summary-file-upload-area h4,.dark-theme .summary-text-input-area h4{color:var(--text-heading-dark)}.summary-file-input-label{display:flex;align-items:center;gap:10px;padding:12px 15px;border:2px dashed var(--border-color-light, #d1d5db);border-radius:15px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease;text-align:center;justify-content:center;min-height:60px}.dark-theme .summary-file-input-label{border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.summary-file-input-label:hover{border-color:var(--accent-color, #4f46e5);background-color:rgba(var(--accent-color-rgb, 79, 70, 229),.05)}.dark-theme .summary-file-input-label:hover{border-color:var(--accent-color-dark);background-color:rgba(var(--accent-color-dark-rgb, 79, 70, 229),.1)}.summary-file-preview-container{margin-top:10px;padding:10px;border:1px solid var(--border-color-light, #e0e0e0);border-radius:6px;background-color:var(--bg-secondary, #f9fafb);position:relative}.dark-theme .summary-file-preview-container{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark)}.summary-file-preview-container p{margin:0 0 8px;font-size:.9rem;font-weight:500}.summary-image-preview{max-width:100%;max-height:150px;border-radius:4px;object-fit:contain;display:block;margin:0 auto}.summary-pdf-icon-preview,.summary-text-icon-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;color:var(--text-muted, #6b7280)}.dark-theme .summary-pdf-icon-preview,.dark-theme .summary-text-icon-preview{color:var(--text-muted-dark)}.summary-pdf-icon-preview svg,.summary-text-icon-preview svg{margin-bottom:8px;color:var(--accent-color, #4f46e5)}.dark-theme .summary-pdf-icon-preview svg,.dark-theme .summary-text-icon-preview svg{color:var(--accent-color-dark)}.cancel-summary-file-button{position:absolute;top:8px;right:8px;background-color:#0000001a;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary, #374151);transition:background-color .2s,color .2s}.cancel-summary-file-button:hover{background-color:#0003;color:var(--error-color, #dc2626)}.dark-theme .cancel-summary-file-button{background-color:#ffffff1a;color:var(--text-primary-dark)}.dark-theme .cancel-summary-file-button:hover{background-color:#fff3;color:var(--error-color-dark)}.summary-textarea-field{width:100%;padding:12px 15px;border:1px solid var(--border-color-light, #d1d5db);border-radius:15px;font-size:1rem;color:var(--text-input, #1f2937);background-color:var(--bg-input, #ffffff);resize:vertical;min-height:100px;box-sizing:border-box;font-family:Inter,sans-serif}.dark-theme .summary-textarea-field{background-color:var(--input-bg-dark);border-color:var(--border-color-dark);color:var(--input-text-dark)}.summary-textarea-field:focus{outline:none;border-color:var(--accent-color, #4f46e5);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb, 79, 70, 229),.2)}.summarize-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background-color:var(--accent-color, #4f46e5);color:#fff;border:none;border-radius:15px;font-weight:500;cursor:pointer;transition:background-color .2s ease;width:100%}.summarize-button:hover:not(:disabled){background-color:var(--accent-color-hover, #4338ca)}.summarize-button:disabled{background-color:var(--bg-button-disabled, #9ca3af);cursor:not-allowed}.dark-theme .summarize-button:disabled{background-color:var(--button-disabled-bg-dark)}.summary-or-divider{display:flex;align-items:center;text-align:center;color:var(--text-muted, #6b7280);font-weight:500;margin:20px 0}.summary-or-divider:before,.summary-or-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color-light, #e0e0e0)}.summary-or-divider:not(:empty):before{margin-right:.25em}.summary-or-divider:not(:empty):after{margin-left:.25em}.dark-theme .summary-or-divider{color:var(--text-muted-dark)}.dark-theme .summary-or-divider:before,.dark-theme .summary-or-divider:after{border-bottom-color:var(--border-color-dark)}.summary-error{margin-top:15px}.summary-save-success{margin-top:15px;text-align:center}.loading-summary-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;min-height:150px}.loading-summary-placeholder>p{font-size:1rem;color:var(--text-muted, #6b7280);text-align:center}.dark-theme .loading-summary-placeholder>p{color:var(--text-muted-dark)}.generated-summary-display{display:flex;flex-direction:column;gap:15px}.summary-header-actions{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:var(--bg-secondary, #f9fafb);border-radius:15px}.dark-theme .summary-header-actions{background-color:var(--bg-tertiary-dark)}.summary-header-actions h4{margin:0;font-size:1.2rem;color:var(--text-heading, #1f2937)}.dark-theme .summary-header-actions h4{color:var(--text-heading-dark)}.summary-buttons-group{display:flex;gap:10px}.download-summary-button,.save-summary-button,.clear-summary-button{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:15px;font-weight:500;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.download-summary-button{background-color:var(--button-secondary-bg, #e5e7eb);color:var(--button-secondary-text, #374151);border:1px solid var(--border-color-light, #d1d5db)}.dark-theme .download-summary-button{background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark);border-color:var(--border-color-dark)}.download-summary-button:hover{background-color:var(--button-secondary-hover-bg, #d1d5db)}.dark-theme .download-summary-button:hover{background-color:var(--button-secondary-hover-bg-dark)}.save-summary-button{background-color:var(--accent-color, #4f46e5);color:#fff;border:1px solid transparent}.dark-theme .save-summary-button{background-color:var(--accent-color-dark)}.save-summary-button:hover:not(:disabled){background-color:var(--accent-color-hover, #4338ca)}.dark-theme .save-summary-button:hover:not(:disabled){background-color:var(--accent-color-hover-dark)}.save-summary-button:disabled{background-color:var(--button-disabled-bg, #9ca3af);color:var(--button-disabled-text, #e5e7eb);cursor:not-allowed;opacity:.7}.dark-theme .save-summary-button:disabled{background-color:var(--button-disabled-bg-dark, #4a5568);color:var(--button-disabled-text-dark, #94a3b8)}.summary-content-area{padding:20px}.clear-summary-button{background-color:var(--error-bg, #fee2e2);color:var(--error-color, #dc2626);border:1px solid var(--error-border-color, #fecaca);margin-top:10px;align-self:flex-start}.dark-theme .clear-summary-button{background-color:var(--error-bg-dark, rgba(229, 62, 62, .2));color:var(--error-color-dark, #fc8181);border-color:var(--error-border-color-dark, #7f1d1d)}.clear-summary-button:hover:not(:disabled){background-color:var(--error-bg-hover, #fecaca)}.dark-theme .clear-summary-button:hover:not(:disabled){background-color:#e53e3e4d}.clear-summary-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.summary-input-options{flex-direction:column;gap:20px}.summary-or-divider{width:100%}.summary-or-divider:before{content:none}.summary-or-divider:after{content:none}.summarize-materials-section .summary-input-options{margin-bottom:20px}.summary-header-actions{flex-direction:column;align-items:flex-start;gap:10px}}.collapsible-note-section{margin-bottom:20px}.collapsible-section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:15px 0;border-bottom:1px solid var(--border-color-light, #eee);margin-bottom:10px}.dark-theme .collapsible-section-header{border-bottom-color:var(--border-color-dark, #333)}.collapsible-section-header h3{margin:0;font-size:1.3rem;font-weight:600;color:var(--text-heading, #333)}.dark-theme .collapsible-section-header h3{color:var(--text-heading-dark, #eee)}.collapsible-section-header svg{color:var(--text-muted, #666);transition:transform .2s ease-in-out}.dark-theme .collapsible-section-header svg{color:var(--text-muted-dark, #aaa)}.collapsible-section-content{overflow:hidden}.collapsible-section-preview{color:var(--text-secondary, #555);font-size:.95rem;line-height:1.5;max-height:7em;overflow:hidden;padding-bottom:10px}.dark-theme .collapsible-section-preview{color:var(--text-secondary-dark, #ccc)}.collapsible-section-preview .markdown-content p:last-child{margin-bottom:0}.collapsible-section-content .markdown-content{padding-top:10px}.notes-buttons-group,.summary-buttons-group{gap:8px}.library-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid var(--border-color-light, #e0e0e0)}.dark-theme .library-tabs{border-bottom-color:var(--border-color-dark, #333c4b)}.library-tab-button{padding:10px 15px;background-color:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-muted, #6b7280);font-weight:500;font-size:1rem;cursor:pointer;transition:color .2s ease,border-bottom-color .2s ease;display:flex;align-items:center;gap:8px}.dark-theme .library-tab-button{color:var(--text-muted-dark, #94a3b8)}.library-tab-button:hover{color:var(--text-primary, #1f2937)}.dark-theme .library-tab-button:hover{color:var(--text-primary-dark, #e2e8f0)}.library-tab-button.active{color:var(--accent-color, #4f46e5);border-bottom-color:var(--accent-color, #4f46e5)}.dark-theme .library-tab-button.active{color:var(--accent-color-dark, #6366f1);border-bottom-color:var(--accent-color-dark, #6366f1)}.library-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.library-item-card{display:flex;flex-direction:column;gap:10px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px}.dark-theme .library-item-card{background-image:linear-gradient(to bottom,var(--bg-secondary-dark),var(--bg-tertiary-dark));border-color:var(--border-color-dark)}.library-item-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px}.library-item-title{font-size:2rem;font-weight:600;margin:0;color:var(--text-heading, #1f2937);flex-grow:1}.dark-theme .library-item-title{color:var(--text-heading-dark, #e2e8f0)}.library-item-date{font-size:.8rem;color:var(--text-muted, #6b7280);white-space:nowrap}.dark-theme .library-item-date{color:var(--text-muted-dark, #94a3b8)}.library-item-preview{font-size:.9rem;line-height:1.6;max-height:calc(8em + 10px);overflow:hidden}.library-item-preview .markdown-content p:last-child{margin-bottom:0}.library-item-actions{display:flex;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid var(--border-color-light, #e9ecef)}.dark-theme .library-item-actions{border-top-color:var(--border-color-dark, #333c4b)}.library-action-button{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;font-weight:500;font-size:.85rem;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease;border:1px solid transparent}.library-action-button.view-full{background-color:var(--accent-color, #4f46e5);color:#fff}.dark-theme .library-action-button.view-full{background-color:var(--accent-color-dark, #6366f1)}.library-action-button.view-full:hover{background-color:var(--accent-color-hover, #4338ca);opacity:.9}.dark-theme .library-action-button.view-full:hover{background-color:var(--accent-color-hover-dark, #4f46e5)}.library-action-button.download,.library-action-button.share{background-color:var(--button-secondary-bg, #e5e7eb);color:var(--button-secondary-text, #374151);border-color:var(--border-color-light, #d1d5db)}.dark-theme .library-action-button.download,.dark-theme .library-action-button.share{background-color:var(--button-secondary-bg-dark, #334155);color:var(--button-secondary-text-dark, #cbd5e1);border-color:var(--border-color-dark, #4a5568)}.library-action-button.download:hover,.library-action-button.share:hover{background-color:var(--button-secondary-hover-bg, #d1d5db);border-color:var(--accent-color, #4f46e5)}.dark-theme .library-action-button.download:hover,.dark-theme .library-action-button.share:hover{background-color:var(--button-secondary-hover-bg-dark, #475569);border-color:var(--accent-color-dark, #6366f1)}.no-items-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;margin:1rem 0;border-radius:12px}.theme-dark .no-items-placeholder{background-color:var(--bg-secondary-dark, #1e293b);border:1px solid var(--border-color-dark, #334155)}.empty-library-icon{margin-bottom:1.5rem;opacity:.6;color:var(--text-secondary, #6B7280)}.theme-dark .empty-library-icon{color:var(--text-secondary-dark, #cbd5e1)}.no-items-placeholder h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-primary, #111827)}.theme-dark .no-items-placeholder h3{color:var(--text-primary-dark, #f1f5f9)}.no-items-placeholder p{color:var(--text-secondary, #6B7280);margin-bottom:1.5rem;max-width:400px}.theme-dark .no-items-placeholder p{color:var(--text-secondary-dark, #cbd5e1)}.primary-action-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background-color:var(--accent-color, #4f46e5);color:#fff;border:none;border-radius:15px;font-weight:500;cursor:pointer;transition:background-color .2s ease;font-size:.95rem}.primary-action-button:hover{background-color:var(--accent-color-hover, #4338ca)}.dark-theme .primary-action-button{background-color:var(--accent-color-dark, #6366f1)}.dark-theme .primary-action-button:hover{background-color:var(--accent-color-hover-dark, #4f46e5)}.library-main-title{font-size:1.7rem!important;font-weight:600;color:var(--text-heading, #1f2937);margin-bottom:1rem;text-align:center}.dark-theme .library-main-title{color:var(--text-heading-dark, #e2e8f0)}.library-main-subtitle{font-size:.9rem;color:var(--text-muted, #6b7280);text-align:center;margin-bottom:20px}.dark-theme .library-main-subtitle{color:var(--text-muted-dark, #94a3b8)}@media (max-width: 768px){.library-action-button span{display:none}.library-action-button{padding:6px;gap:0}.button-text-resources{display:none}.library-action-button svg{width:18px;height:18px}}.download-options-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1100}.download-options-modal-content{padding:25px;width:90%;max-width:450px;text-align:center}.download-options-modal-content h3{margin-top:0;margin-bottom:20px;font-size:1.3rem;color:var(--text-heading, #1f2937)}.dark-theme .download-options-modal-content h3{color:var(--text-heading-dark, #e2e8f0)}.download-options-buttons{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.secondary-action-button.cancel-download{background-color:var(--button-secondary-bg, #e5e7eb);color:var(--button-secondary-text, #374151);border:1px solid var(--border-color-light, #d1d5db);padding:10px 18px;border-radius:15px;font-weight:500;cursor:pointer;transition:background-color .2s ease;font-size:.95rem;width:auto}.dark-theme .secondary-action-button.cancel-download{background-color:var(--button-secondary-bg-dark, #334155);color:var(--button-secondary-text-dark, #cbd5e1);border-color:var(--border-color-dark, #4a5568)}.secondary-action-button.cancel-download:hover{background-color:var(--button-secondary-hover-bg, #d1d5db);border-color:var(--button-secondary-hover-border)}.dark-theme .secondary-action-button.cancel-download:hover{background-color:var(--button-secondary-hover-bg-dark);border-color:var(--button-secondary-hover-border-dark)}.flashcard-stack-indicator{position:fixed;bottom:2rem;right:2rem;background-color:var(--primary-color);color:#fff;padding:.75rem 1.25rem;border-radius:999px;display:flex;align-items:center;gap:.75rem;font-weight:600;cursor:pointer;z-index:100;box-shadow:0 4px 15px #0003;transition:transform .2s ease-out,box-shadow .2s ease-out}.theme-dark .flashcard-stack-indicator{background-color:var(--accent-color-dark);color:var(--text-primary-dark);box-shadow:0 4px 20px #0006}.flashcard-stack-indicator:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 20px #00000040}.flashcard-stack-icon{display:flex}.flashcard-stack-indicator span{font-size:.95rem;letter-spacing:.02em}.flashcard-modal-backdrop-reusable{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1060;display:flex;justify-content:center;align-items:center;padding:1rem}.flashcard-close-btn-reusable{position:absolute;top:5rem;right:5rem;transform:translate(120%,-50%);background:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.flashcard-inner-flipper{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.modal-close-button.top-right-close-button{position:absolute;top:1rem;right:1rem;background-color:#0000001a;border:1px solid transparent;color:var(--text-secondary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10}.modal-close-button.top-right-close-button:hover{background-color:#0003;color:var(--text-primary);transform:rotate(90deg)}.theme-dark .modal-close-button.top-right-close-button{background-color:#ffffff1a;color:var(--text-secondary-dark)}.theme-dark .modal-close-button.top-right-close-button:hover{background-color:#fff3;color:var(--text-primary-dark)}.flashcard-current.is-flipped .flashcard-face.front{transform:rotateY(180deg)}.flashcard-current.is-flipped .flashcard-face.back{transform:rotateY(360deg)}.generate-notes-view-wrapper{position:relative;width:100%;overflow-x:hidden}.generate-notes-modal-content{width:100%;background-color:var(--bg-primary);border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0003;border:1px solid var(--border-color-dark-rgba)}.theme-dark .generate-notes-modal-content{background-color:var(--bg-secondary-dark)!important;border-color:var(--border-color-dark)}.generate-notes-button-large{background-image:linear-gradient(to right,var(--primary-color),var(--primary-hover));color:var(--text-primary);border:2px solid var(--border-color);border-radius:15px;padding:.8rem 1rem;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #0000001a;transition:transform .2s,box-shadow .2s}.theme-dark .generate-notes-button-large{background-image:linear-gradient(to right,var(--accent-color-dark),var(--accent-color-dark-hover));color:var(--text-primary-dark);box-shadow:0 4px 15px #0000001a;border:1px solid var(--text-primary-dark)}.generate-final-button{margin-top:1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:50px;padding:.8rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.generate-final-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(var(--accent-rgb),.3)}.theme-dark .generate-final-button,.theme-dark .generate-final-button:hover{background-color:var(--accent-color-dark)}.notes-form-view,.notes-display-view{width:100%}.generation-ui-wrapper{padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:none!important}.generation-ui-header .header-icon{color:var(--accent-color);margin-bottom:.5rem}.dark-theme .generation-ui-header .header-icon{color:var(--accent-color-dark)}.generation-ui-header h1{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.dark-theme .generation-ui-header h1{color:var(--text-primary-dark)}.generation-ui-header p{max-width:600px;margin:0 auto;color:var(--text-secondary)}.dark-theme .generation-ui-header p{color:var(--text-secondary-dark)}.generate-notes-button-large{margin-top:-2rem;padding:.8rem 2rem;font-size:1.1rem;font-weight:600;color:#fff;border:none;border-radius:50px;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:transform .2s,box-shadow .2s}.generate-notes-button-large:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(var(--accent-rgb),.3)}.notes-display-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 1rem}.notes-display-header h3{font-size:1.5rem;color:var(--text-primary);margin:0}.dark-theme .notes-display-header h3{color:var(--text-primary-dark)}.back-to-form-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:15px;cursor:pointer;transition:all .2s;font-weight:500}.dark-theme .back-to-form-button{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.back-to-form-button:hover{background-color:var(--bg-primary);border-color:var(--accent-color);color:var(--accent-color)}.dark-theme .back-to-form-button:hover{background-color:var(--bg-secondary);border-color:var(--accent-color-dark);color:var(--accent-color-dark)}.generated-notes-display .notes-buttons-group{padding:0 1rem 1rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.dark-theme .generated-notes-display .notes-buttons-group{border-bottom-color:var(--border-color-dark)}.generated-notes-display .action-button{padding:.6rem 1rem;font-weight:500;border-radius:15px;transition:all .2s ease;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;border:1px solid transparent}.generated-notes-display .generate-flashcards-button{background-color:var(--primary-color);color:#fff}.dark-theme .generated-notes-display .generate-flashcards-button{background-color:var(--accent-color-dark)}.generated-notes-display .generate-flashcards-button:hover{background-color:#4a0d9b}.generated-notes-display .download-notes-button{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}.dark-theme .generated-notes-display .download-notes-button{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.generated-notes-display .download-notes-button:hover{border-color:var(--text-primary);color:var(--text-primary);background-color:var(--bg-hover)}.dark-theme .generated-notes-display .download-notes-button:hover{border-color:var(--text-primary-dark);color:var(--text-primary-dark);background-color:var(--bg-hover-dark)}.generated-notes-display .save-note-button{background-color:var(--success-color);color:#fff}.generated-notes-display .action-button:disabled{opacity:.6;cursor:not-allowed}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.collapsible-section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:1rem 1.5rem}.collapsible-header-actions{display:flex;align-items:center;gap:1rem}.play-note-button{background:none;border:none;padding:0;margin:0;cursor:pointer;color:var(--text-secondary);transition:color .2s}.play-note-button:hover{color:var(--accent-color)}.dark-theme .play-note-button{color:var(--text-secondary-dark)}.dark-theme .play-note-button:hover{color:var(--accent-color-dark)}.dark-theme .collapsible-section-header{border-bottom:1px solid var(--border-color-dark)}.generation-ui-header p{color:var(--text-secondary-dark)}.topic-input-container-main{width:100%;max-width:600px;margin:1rem 0}.topic-input-field-main{width:100%;padding:.9rem 1.25rem;font-size:1.1rem;border-radius:12px;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);text-align:center;transition:all .2s ease}.dark-theme .topic-input-field-main{background-color:var(--input-bg-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.topic-input-field-main:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.15)}.topic-input-field-main::placeholder{color:var(--text-secondary)}.dark-theme .topic-input-field-main::placeholder{color:#81899e}.generation-actions-main{display:flex;justify-content:center;gap:1rem;margin-top:1rem;width:100%;max-width:600px}.additional-options-button{padding:.8rem 1.5rem;font-size:1.1rem;font-weight:600;background-color:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:50px;cursor:pointer;transition:all .2s}.dark-theme .additional-options-button{background-color:var(--bg-hover-dark);border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.additional-options-button:hover:not(:disabled){background-color:var(--bg-primary);border-color:var(--text-primary);color:var(--text-primary)}.dark-theme .additional-options-button:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--text-primary-dark);color:var(--text-primary-dark)}.generate-notes-button-large{padding:.8rem 2rem;font-size:1.1rem;box-shadow:0 6px 20px rgba(var(--accent-rgb),.3)}.generate-notes-button-large .button-spinner{animation:spin 1s linear infinite}.notes-display-header{display:flex}@media (max-width: 600px){.generation-actions-main{flex-direction:column-reverse}.back-to-form-button{border-radius:30px}.back-to-form-button span{display:none}}.summarize-button{margin-top:1rem}.summary-file-upload-area-v2{border:2px dashed var(--border-color-light);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;background-color:var(--background-color-light-inset);margin-bottom:1rem}.dark-theme .summary-file-upload-area-v2{border-color:var(--border-color-dark);background-color:var(--background-color-dark)}.summary-file-upload-area-v2.dragging{border-color:var(--accent-color);background-color:var(--accent-color-light-trans)}.dark-theme .summary-file-upload-area-v2.dragging{border-color:var(--accent-color-dark);background-color:#8b5cf61a}.upload-icon-v2{color:var(--accent-color);margin-bottom:1rem}.dark-theme .upload-icon-v2{color:var(--accent-color-dark)}.upload-area-content p{margin:.25rem 0}.upload-area-content strong{color:var(--text-color-primary)}.dark-theme .upload-area-content strong{color:var(--text-color-primary-dark)}.upload-area-subtext{color:var(--text-color-secondary);font-size:.9rem}.browse-button-v2{background:none;border:none;color:var(--accent-color);font-weight:600;cursor:pointer;padding:.5rem;font-size:1rem}.dark-theme .browse-button-v2{color:var(--accent-color-dark)}.browse-button-v2:hover{text-decoration:underline}.file-display-v2{display:flex;flex-direction:column;align-items:center;gap:.75rem;position:relative;padding-top:1rem;width:100%}.file-icon-v2{color:var(--text-color-secondary);font-weight:600;cursor:pointer;transition:all .2s ease}.file-name-v2{font-weight:600;font-size:1.1rem;color:var(--text-color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.dark-theme .file-name-v2{color:var(--text-color-primary-dark)}.file-actions-v2{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.summarize-button-v2,.cancel-summary-file-button-v2{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.summarize-button-v2{background-color:var(--primary-color);color:#fff;border:none}.dark-theme .summarize-button-v2{background-color:var(--accent-color-dark)}.summarize-button-v2:hover:not(:disabled){background-color:var(--primary-hover)}.dark-theme .summarize-button-v2:hover:not(:disabled){background-color:var(--accent-color-dark-hover)}.cancel-summary-file-button-v2{background-color:transparent;border:1px solid var(--border-color-light);color:var(--text-color-secondary)}.dark-theme .cancel-summary-file-button-v2{border-color:var(--border-color-dark);color:var(--text-color-secondary-dark)}.cancel-summary-file-button-v2:hover{background-color:var(--background-color-light-inset);border-color:var(--text-color-secondary)}.dark-theme .cancel-summary-file-button-v2:hover{background-color:var(--background-color-dark);border-color:var(--text-color-secondary-dark)}.summarize-button-v2:disabled{opacity:.6;cursor:not-allowed}.text-summarize-btn{width:100%;justify-content:center;margin-top:1rem}.summary-or-divider{text-align:center;color:var(--text-color-secondary);margin:1.5rem 0;font-weight:500;display:flex;align-items:center;gap:1rem}.summary-or-divider:before,.summary-or-divider:after{content:"";flex-grow:1;height:1px;background-color:var(--border-color-light)}.dark-theme .summary-or-divider:before,.dark-theme .summary-or-divider:after{background-color:var(--border-color-dark)}.summary-text-input-area{width:100%}.clear-summary-button{background-color:transparent;border:1px solid var(--border-color-light)}.cancel-summary-file-button-corner{position:absolute;top:12px;right:12px;background-color:var(--bg-hover, rgba(0,0,0,.05));border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-color-secondary);transition:background-color .2s,color .2s,transform .2s}.cancel-summary-file-button-corner:hover{background-color:var(--error-bg, rgba(220, 38, 38, .1));color:var(--error-color);transform:scale(1.1) rotate(90deg)}.dark-theme .cancel-summary-file-button-corner{background-color:#ffffff14;color:var(--text-color-secondary-dark)}.dark-theme .cancel-summary-file-button-corner:hover{background-color:var(--error-bg-dark, rgba(248, 113, 113, .15));color:var(--error-color-dark)}@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-family:KaTeX_SansSerif;font-style:normal;font-weight:700;src:url(/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-family:KaTeX_SansSerif;font-style:italic;font-weight:400;src:url(/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-family:KaTeX_SansSerif;font-style:normal;font-weight:400;src:url(/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font: 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.22"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.generate-notes-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.generate-notes-modal-content.desktop{background-color:var(--bg-primary);padding:2rem;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 10px 30px #0003;width:90%;max-width:550px;position:relative}.generate-notes-modal-content.mobile{position:absolute;bottom:0;left:0;right:0;width:100%;background-color:var(--bg-primary);border-top-left-radius:20px;border-top-right-radius:20px;padding:1rem 1rem 2rem;box-shadow:0 -5px 20px #0000001a;border-top:1px solid var(--border-color)}.dark-theme .generate-notes-modal-content.mobile{background-color:#2c3042;border-color:var(--border-color-dark)}.mobile-drag-handle{width:40px;height:5px;background-color:var(--border-color);border-radius:3px;margin:0 auto 1rem}.dark-theme .generate-notes-modal-content.desktop{background-color:var(--bg-secondary);border-color:var(--border-color-dark)}.close-modal-button{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s,color .2s}.close-modal-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.dark-theme .close-modal-button{color:var(--text-secondary-dark)}.dark-theme .close-modal-button:hover{background-color:var(--bg-hover-dark);color:var(--text-primary-dark)}.resources-modal-header{text-align:center;margin-bottom:1.5rem}.resources-modal-header-icon{color:var(--accent-color);margin-bottom:.5rem}.resources-modal-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.dark-theme .resources-modal-header h2{color:var(--text-primary-dark)}.resources-modal-header p{font-size:1rem;color:var(--text-secondary);max-width:400px;margin:0 auto}.dark-theme .resources-modal-header p{color:var(--text-secondary-dark)}.modal-body .form-group{margin-bottom:1.5rem}.modal-body .form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.dark-theme .modal-body .form-group label{color:var(--text-primary-dark)}.modal-body .form-group input[type=text]{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.dark-theme .modal-body .form-group input[type=text]{background-color:var(--input-bg-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.modal-body .form-group input[type=text]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.2)}.segmented-control{display:flex;width:100%;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.dark-theme .segmented-control{border-color:var(--border-color-dark)}.segmented-control button{flex:1;padding:.6rem .5rem;border:none;background-color:transparent;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:background-color .2s,color .2s;border-right:1px solid var(--border-color);border-radius:15px}.segmented-control button:last-child{border-right:none}.dark-theme .segmented-control button{color:var(--text-secondary-dark);border-right-color:var(--border-color-dark)}.segmented-control button.notes-options.active{background-color:var(--primary-color);color:#fff;font-weight:600}.dark-theme .segmented-control button.active{background-color:var(--accent-color-dark);color:var(--bg-primary)}.modal-error-message{color:var(--danger-color);text-align:center;font-size:.9rem;margin-top:1rem}.modal-footer{margin-top:2rem}.generate-final-button{width:100%;padding:.8rem 1rem;font-size:1.1rem;font-weight:600;color:#fff;background-color:var(--primary-color);border:none;border-radius:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .2s,box-shadow .2s}.generate-final-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px rgba(var(--accent-rgb),.3)}.generate-final-button:disabled{opacity:.6;cursor:not-allowed}.generate-final-button .spinning{animation:spin 1s linear infinite}.note-display-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1050;display:flex;justify-content:center;align-items:center}.note-display-modal-backdrop.mobile{align-items:flex-end}.note-display-modal-content{background-image:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));box-shadow:0 -10px 40px #0003;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color)}.dark-theme .note-display-modal-content{background-image:linear-gradient(to right,var(--bg-primary-dark),var(--bg-secondary-dark));border-color:var(--border-color-dark)}.note-display-modal-content.desktop{width:90%;max-width:800px;height:90vh;border-radius:24px}.note-display-modal-content.mobile{width:100%;height:92vh;border-top-left-radius:24px;border-top-right-radius:24px;border-top:1px solid var(--border-color)}.dark-theme .note-display-modal-content.mobile{border-top-color:var(--border-color-dark)}.mobile-drag-handle{width:40px;height:5px;background-color:var(--border-color);border-radius:3px;margin:12px auto;flex-shrink:0}.dark-theme .mobile-drag-handle{background-color:var(--border-color-dark)}.note-modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 1.5rem 1rem 2.5rem;flex-shrink:0;background-image:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-bottom:1px solid var(--border-color)}.dark-theme .note-modal-header{background-image:linear-gradient(to right,var(--bg-primary-dark),var(--bg-secondary-dark));border-bottom-color:var(--border-color-dark)}.note-modal-header h3{margin:0;font-size:1.4rem;font-weight:600;color:var(--text-primary)}.dark-theme .note-modal-header h3{color:var(--text-primary-dark)}.note-modal-actions{display:flex;align-items:center;gap:.5rem}.note-modal-action-btn{display:flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:50%;width:40px;height:40px;cursor:pointer;transition:all .2s ease}.dark-theme .note-modal-action-btn{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.note-modal-action-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--text-primary)}.dark-theme .note-modal-action-btn:hover{background-color:var(--bg-hover-dark);color:var(--text-primary-dark);border-color:var(--text-primary-dark)}.note-modal-body{flex-grow:1;overflow-y:auto;padding:1.5rem 2.5rem}.note-modal-body{font-family:inherit;line-height:2;width:100%;color:var(--text-body, #374151)}.dark-theme .note-modal-body{color:var(--text-body-dark)}.note-modal-body h1,.note-modal-body h2,.note-modal-body h3,.note-modal-body h4,.note-modal-body h5,.note-modal-body h6{margin-top:1em;margin-bottom:1em;font-weight:600;line-height:1.4;color:var(--text-heading, #111827)}.dark-theme .note-modal-body h1,.dark-theme .note-modal-body h2,.dark-theme .note-modal-body h3,.dark-theme .note-modal-body h4,.dark-theme .note-modal-body h5,.dark-theme .note-modal-body h6{color:var(--text-heading-dark)}.note-modal-body p,.note-modal-body ul,.note-modal-body ol{margin-bottom:1.5em}.note-modal-body li{margin-bottom:.8em}.note-modal-body blockquote,.note-modal-body table{margin:2em 0}.note-modal-body code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;padding:.2em .4em;margin:0 .1em;font-size:.875em;background-color:var(--code-inline-bg, #f3f4f6);border-radius:4px;color:var(--code-inline-text, #4b5563)}.dark-theme .note-modal-body code{background-color:var(--code-inline-bg-dark);color:var(--code-inline-text-dark)}.note-modal-body pre{background-color:var(--code-block-bg, #f9fafb);border:1px solid var(--border-color-light, #e5e7eb);border-radius:8px;padding:2em;overflow-x:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em;line-height:1.5;color:var(--code-block-text, #374151);margin-bottom:2em}.dark-theme .note-modal-body pre{background-color:var(--code-block-bg-dark);border:1px solid var(--border-color-dark)}@media (min-width: 769px){.note-modal-body p,.note-modal-body li,.note-modal-body blockquote,.note-modal-body table,.note-modal-body code{font-size:1.15rem}}@media (max-width: 768px){.note-modal-body p,.note-modal-body li,.note-modal-body blockquote,.note-modal-body table,.note-modal-body code{font-size:1.05rem}}@media (max-width: 480px){.note-modal-header{padding:0 1.5rem 1rem}.note-modal-body{padding-left:1.6rem;padding-right:1.4rem}}.summary-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1050;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.summary-modal-content{background-image:linear-gradient(to right,var(--bg-primary),var(--bg-secondary));border-radius:12px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;overflow:hidden}.dark-theme .summary-modal-content{background-image:linear-gradient(to right,var(--bg-secondary-dark),var(--bg-primary-dark));border:1px solid var(--border-color-dark)}.summary-modal-content.desktop{width:90%;max-width:800px;height:80vh;max-height:850px}.summary-modal-content.mobile{position:fixed;bottom:0;left:0;right:0;width:100%;height:90vh;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 -5px 25px #0003}.summary-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color-light);background-color:var(--background-color);flex-shrink:0}.dark-theme .summary-modal-header{border-bottom:1px solid var(--border-color-dark);background-color:var(--background-color-dark-soft)}.summary-modal-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-theme .summary-modal-title{color:var(--text-color-primary-dark)}.summary-modal-actions{display:flex;gap:.5rem}.modal-action-btn{background-color:var(--background-color-light-inset);color:var(--text-color-secondary);border:1px solid var(--border-color-light);border-radius:20px;padding:.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.dark-theme .modal-action-btn{background-color:var(--background-color-dark);color:var(--text-color-secondary-dark);border-color:var(--border-color-dark)}.modal-action-btn:hover:not(:disabled){background-color:var(--accent-color-hover);color:#fff;border-color:var(--accent-color-hover)}.dark-theme .modal-action-btn:hover:not(:disabled){background-color:var(--accent-color-dark-hover);color:#fff}.modal-action-btn:disabled{opacity:.5;cursor:not-allowed}.modal-action-btn.close-btn:hover{background-color:#e53935!important;color:#fff;border-color:#e53935}.summary-modal-body{padding:1.5rem;overflow-y:auto;flex-grow:1}.summary-modal-body::-webkit-scrollbar{width:8px}.summary-modal-body::-webkit-scrollbar-track{background:transparent}.summary-modal-body::-webkit-scrollbar-thumb{background-color:var(--border-color-light);border-radius:10px;border:3px solid transparent}.dark-theme .summary-modal-body::-webkit-scrollbar-thumb{background-color:var(--border-color-dark)}.spinner-small-light{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.theme-dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-muted: #cbd5e1;--border-color: #475569;--card-shadow: rgba(0, 0, 0, .4);--hover-bg: rgba(74, 107, 251, .15);--accent-color: #60a5fa;--accent-hover: #3b82f6;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444}.dark-theme{--bg-primary-dark: #121212;--bg-secondary-dark: #1e1e1e;--bg-tertiary-dark: #2b2b2b;--text-primary-dark: #e0e0e0;--text-secondary-dark: #b0b0b0;--text-heading-dark: #ffffff;--text-muted-dark: #808080;--border-color-dark: #404040;--accent-color-dark: #4f46e5;--accent-color-hover-dark: #5f5af6;--accent-color-rgb-dark: 79, 70, 229;--button-primary-bg-dark: var(--accent-color-dark);--button-primary-text-dark: #ffffff;--button-primary-hover-bg-dark: var(--accent-color-hover-dark);--button-secondary-bg-dark: #333333;--button-secondary-text-dark: var(--text-primary-dark);--button-secondary-hover-bg-dark: #444444;--card-bg-dark: var(--bg-secondary-dark);--card-shadow-dark: 0 4px 12px rgba(0,0,0,.4);--card-border-dark: var(--border-color-dark);--input-bg-dark: var(--bg-tertiary-dark);--input-text-dark: var(--text-primary-dark);--input-border-dark: var(--border-color-dark);--input-focus-border-dark: var(--accent-color-dark);--notification-success-bg-dark: rgba(76, 175, 80, .2);--notification-success-text-dark: #4ade80;--notification-error-bg-dark: rgba(229, 62, 62, .2);--notification-error-text-dark: #f87171;--modal-bg-dark: var(--bg-secondary-dark);--modal-header-border-dark: var(--border-color-dark);--hover-bg-dark: rgba(255, 255, 255, .08);--code-inline-bg-dark: #283147;--code-inline-text-dark: #c3e88d;--code-block-bg-dark: #1e2330;--code-block-text-dark: #d1d5db}.profile-page{background-color:var(--bg-primary)}.dark-theme .dashboard-header.profile-header{background-color:var(--bg-primary-dark);border-bottom:1px solid var(--border-color-dark)}.dark-theme .dashboard-header.profile-header h1{color:var(--text-heading-dark)}.profile-actions{display:flex;gap:1rem}.edit-profile-button,.save-profile-button,.cancel-edit-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.edit-profile-button{background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark);border:1px solid var(--border-color-dark)}.edit-profile-button:hover{background-color:var(--button-secondary-hover-bg-dark)}.edit-actions{display:flex;gap:1rem}.save-profile-button{background-color:var(--button-primary-bg-dark);color:var(--button-primary-text-dark);border:1px solid var(--button-primary-bg-dark)}.save-profile-button:hover{background-color:var(--button-primary-hover-bg-dark)}.cancel-edit-button{background-color:transparent;color:var(--text-secondary-dark);border:1px solid var(--border-color-dark)}.cancel-edit-button:hover{background-color:var(--hover-bg-dark)}.save-profile-button:disabled,.cancel-edit-button:disabled{background-color:var(--button-secondary-bg-dark);opacity:.7}.change-picture-button:focus-visible,.edit-profile-button:focus-visible,.save-profile-button:focus-visible,.cancel-edit-button:focus-visible{outline:2px solid #4a6bfb;outline-offset:2px}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 150px);text-align:center;color:var(--text-secondary-dark)}.loading-spinner-profile{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--accent-color-dark);border-radius:50%;animation:spin 1.2s linear infinite;margin-bottom:1rem}.saving-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#121212d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.saving-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-top-color:var(--accent-color-dark);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.saving-overlay p{font-size:1rem;color:var(--text-primary-dark);font-weight:500}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem}.profile-container{padding:1.5rem 2rem;max-width:1200px;margin:0 auto;width:100%}.profile-overview{display:flex;gap:2rem;background-color:#fff;padding:2rem;border-radius:12px;box-shadow:var(--card-shadow);margin-bottom:2rem;border:1px solid var(--border-color)}.profile-picture-container{flex-shrink:0;position:relative}.profile-picture,.profile-picture-edit img,.profile-initial-avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 2px 8px #0000001a}.profile-initial-avatar{display:flex;align-items:center;justify-content:center;background-color:var(--accent-color-dark);color:var(--text-heading-dark);font-size:3rem;font-weight:600}.profile-picture-edit{position:relative}.change-picture-button{position:absolute;bottom:5px;right:5px;background-color:#0009;color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;box-shadow:0 1px 3px #0003}.change-picture-button:hover{background-color:#000c}.profile-details{flex-grow:1}.profile-name{font-size:2rem;font-weight:700;color:var(--text-heading-dark);margin:0 0 .25rem}.profile-username{font-size:1rem;color:var(--text-muted-dark);margin:0 0 .75rem}.profile-bio{font-size:.95rem;color:var(--text-secondary-dark);margin-bottom:1rem;line-height:1.6}.profile-meta{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-bottom:1rem}.profile-meta-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary-dark)}.profile-meta-item svg{color:var(--text-muted-dark)}.profile-xp-item{display:flex;align-items:center;gap:.5rem;font-size:1.2rem!important;font-weight:700;color:var(--text-secondary-dark)}.profile-xp-item svg{color:var(--text-muted-dark)}.profile-proficiency-tag{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 3px #0000001a;margin-left:.5rem}.profile-subjects h3{font-size:1rem;font-weight:600;color:var(--text-heading-dark);margin:0 0 .5rem}.subject-tags{display:flex;flex-wrap:wrap;gap:.5rem}.subject-tag{padding:.25rem .75rem;border-radius:16px;font-size:.8rem;font-weight:500;color:#fff;background-color:var(--accent-color-dark)}.profile-edit-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;gap:1rem}.form-group{flex:1;display:flex;flex-direction:column;gap:.25rem}.form-group.full-width{flex-basis:100%}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary-dark)!important}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.6rem .75rem;border:1px solid var(--input-border-dark);border-radius:6px;font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease;background-color:var(--bg-primary);color:var(--input-text-dark)!important}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--input-focus-border-dark);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb-dark),.3)}.form-group textarea{resize:vertical;min-height:80px}.profile-content{background-color:var(--card-background-color);padding:1.5rem;border-radius:12px;box-shadow:var(--card-shadow);margin-top:2rem}.profile-tabs{display:flex;border-bottom:1px solid var(--border-color-dark);overflow-x:auto;padding:0 1.5rem}.profile-tab{padding:1rem .5rem;margin-right:1.5rem;font-size:1rem;font-weight:500;color:var(--text-secondary-dark);cursor:pointer;border:none;background:none;border-bottom:3px solid transparent;transition:color .2s ease,border-color .2s ease;white-space:nowrap}.profile-tab:last-child{margin-right:0}.profile-tab:hover{color:var(--text-primary-dark)}.profile-tab.active{color:var(--accent-color-dark);border-bottom-color:var(--accent-color-dark)}.profile-tab-content{padding:2rem;background-color:var(--card-bg-dark)!important;background:var(--card-bg-dark)}.profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.profile-stat-card{background-color:var(--bg-tertiary-dark);padding:1.5rem;border-radius:10px;display:flex;align-items:center;gap:1rem;border:1px solid var(--border-color-dark);transition:all .2s ease}.profile-stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px #00000012}.stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-icon.clock-icon{background-color:#ec48991a;color:#ec4899}.stat-icon.assignment-icon{background-color:#8b5cf61a;color:#8b5cf6}.stat-icon.score-icon{background-color:#22c55e1a;color:#22c55e}.stat-icon.streak-icon{background-color:#f59e0b1a;color:#f59e0b}.stat-content h3{font-size:1.75rem;font-weight:700;color:var(--text-heading-dark);margin:0 0 .1rem}.stat-content p{font-size:.875rem;color:var(--text-secondary-dark);margin:0}.subject-progress-section{margin-bottom:2rem}.subject-progress-section h3{font-size:1.25rem;font-weight:600;color:var(--text-heading-dark);margin-bottom:1rem}.subject-progress-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.subject-progress-item{background-color:var(--bg-tertiary-dark);padding:1rem;border-radius:8px;border:1px solid var(--border-color-dark)}.subject-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.subject-progress-header h4{font-size:1rem;font-weight:500;color:var(--text-primary-dark);margin:0}.subject-progress-header span{font-size:.875rem;font-weight:600;color:var(--accent-color-dark)}.subject-progress-bar{width:100%;height:8px;background-color:var(--border-color-dark);border-radius:4px;overflow:hidden}.subject-progress-fill{height:100%;background-color:var(--accent-color-dark);border-radius:4px;transition:width .5s ease-in-out}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{font-size:1.25rem;font-weight:600;color:var(--text-heading-dark);margin:0}.view-all-button{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;color:var(--accent-color-dark);background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:background-color .2s ease}.view-all-button:hover{background-color:var(--hover-bg-dark)}.recent-achievements-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.achievement-card{background-color:var(--bg-tertiary-dark);padding:1rem;border-radius:8px;display:flex;align-items:center;gap:1rem;border:1px solid var(--border-color-dark);transition:all .2s ease}.achievement-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000f}.achievement-card.locked{opacity:.7;background-color:var(--bg-secondary-dark)}.achievement-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.achievement-details{flex-grow:1}.achievement-details h4{font-size:1rem;font-weight:600;color:var(--text-primary-dark);margin:0 0 .25rem}.achievement-details p{font-size:.875rem;color:var(--text-secondary-dark);margin:0 0 .25rem;line-height:1.4}.achievement-date{font-size:.75rem;color:var(--text-muted-dark)}.achievement-locked{font-size:.75rem;color:var(--text-muted-dark);font-style:italic}.achievements-content h3{font-size:1.5rem;font-weight:600;color:var(--text-heading-dark);margin-bottom:1.5rem}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.activity-content h3{font-size:1.5rem;font-weight:600;color:var(--text-heading-dark);margin-bottom:1.5rem}.activity-timeline{position:relative;padding-left:1.5rem;margin-left:1rem}.activity-timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--border-color-dark);border-radius:2px}.activity-item{position:relative;margin-bottom:1.5rem;display:flex;gap:1rem}.activity-marker{width:36px;height:36px;border-radius:50%;background-color:var(--bg-tertiary-dark);border:3px solid var(--border-color-dark);display:flex;align-items:center;justify-content:center;color:var(--accent-color-dark);flex-shrink:0;position:relative;left:-1.2rem;z-index:1}.activity-content{background-color:var(--bg-tertiary-dark);padding:1rem;border-radius:8px;flex-grow:1;border:1px solid var(--border-color-dark)}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.activity-header h4{font-size:1rem;font-weight:600;color:var(--text-primary-dark);margin:0}.activity-date{font-size:.8rem;color:var(--text-muted-dark)}.activity-content p{font-size:.875rem;color:var(--text-secondary-dark);margin:0}.activity-download{margin-top:2rem;text-align:center}.download-activity-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark);border:1px solid var(--border-color-dark);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.download-activity-button:hover{background-color:var(--button-secondary-hover-bg-dark)}.badges-content h3{font-size:1.5rem;font-weight:600;color:var(--text-heading-dark);margin-bottom:1.5rem}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.badge-card{background-color:var(--bg-tertiary-dark);border-radius:10px;padding:1.5rem;text-align:center;border:1px solid var(--border-color-dark);box-shadow:0 2px 6px #0000000d;transition:all .2s ease;position:relative;overflow:hidden}.badge-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px #00000012}.badge-card.locked{opacity:.6;background-color:var(--bg-secondary-dark)}.badge-level{position:absolute;top:10px;right:10px;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-level.gold{background-color:gold;color:#333}.badge-level.silver{background-color:silver;color:#333}.badge-level.bronze{background-color:#cd7f32;color:#fff}.badge-icon{margin-bottom:1rem;display:inline-block}.badge-details h4{font-size:1.1rem;font-weight:600;color:var(--text-primary-dark);margin:0 0 .25rem}.badge-details p{font-size:.875rem;color:var(--text-secondary-dark);margin:0 0 .5rem;line-height:1.4}.badge-locked{font-size:.8rem;color:var(--text-muted-dark);font-style:italic}.badge-info{margin-top:2rem;text-align:center;padding:1rem;background-color:var(--bg-tertiary-dark)}.badge-info p{font-size:.875rem;color:var(--text-secondary-dark);margin:0;line-height:1.5}.notification-toast{position:fixed;bottom:24px;right:24px;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:10px;color:#fff;font-size:14px;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:1000;max-width:300px}.notification-toast.success{background-color:#10b981}.notification-toast.error{background-color:#ef4444}@media (max-width: 768px){.dashboard-header.profile-header{display:none}.dashboard-header-mobile-top{display:flex}.profile-actions-mobile{display:flex;padding:.75rem .5rem;justify-content:flex-end;gap:.75rem;background-color:var(--bg-primary-dark)}.profile-container{padding:.75rem 1rem 1rem}.profile-overview{flex-direction:column;padding:1.5rem;align-items:center;text-align:center}.profile-meta,.subject-tags{justify-content:center}.form-row{flex-direction:column}.profile-tabs{padding:0 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{padding:.75rem .25rem;font-size:.9rem;margin-right:1rem}.profile-tab-content{padding:1.5rem}.profile-stats-grid,.achievements-grid,.badges-grid{grid-template-columns:1fr}.activity-timeline{margin-left:.5rem;padding-left:1rem}}@media (max-width: 480px){.dashboard-header-mobile-top .mobile-header-title{font-size:1.2rem}.profile-actions-mobile{padding:.5rem}.profile-actions-mobile .edit-profile-button,.profile-actions-mobile .save-profile-button,.profile-actions-mobile .cancel-edit-button{padding:.5rem .75rem;font-size:.8rem}.profile-name,.stat-content h3{font-size:1.5rem}.profile-tab-content{padding:1rem}.activity-content{padding:.3rem}.activity-header h4{font-size:.9rem}.achievement-card{max-width:220px!important}}.theme-dark .profile-overview,.theme-dark .profile-loading{background:color-mix(in srgb,var(--bg-tertiary-dark) 60%,transparent);border-color:var(--border-color-dark);box-shadow:var(--card-shadow-dark)}.theme-dark .profile-content,.dark-theme .profile-content,.dark-theme .profile-tab-content{background-color:var(--bg-tertiary-dark)}.dark-theme .profile-page .profile-name{color:var(--text-heading-dark)}.dark-theme .profile-page .profile-username{color:var(--text-muted-dark)}.dark-theme .profile-page .profile-bio,.dark-theme .profile-page .profile-meta-item{color:var(--text-secondary-dark)}.dark-theme .profile-page .profile-meta-item svg{color:var(--text-muted-dark)}.dark-theme .profile-page .profile-subjects h3{color:var(--text-heading-dark)}.dark-theme .profile-page .form-group label{background-color:var(--input-bg-dark)!important;color:var(--text-secondary-dark)!important}.dark-theme .profile-page .form-group input,.dark-theme .profile-page .form-group textarea,.dark-theme .profile-page .form-group select{background-color:var(--input-bg-dark);color:var(--text-main-dark)!important;border:1px solid var(--input-border-dark)}.dark-theme .profile-page .form-group input:focus,.dark-theme .profile-page .form-group textarea:focus,.dark-theme .profile-page .form-group select:focus{background-color:var(--input-bg-dark);border-color:var(--input-focus-border-dark);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb-dark),.3)}.form-group input[type=email]{background-color:var(--input-bg-dark)!important;color:var(--text-main-dark)!important;border:1px solid var(--input-border-dark)}.dark-theme .form-group input[type=email]{background-color:var(--bg-hover)!important;border-color:var(--input-focus-border-dark);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb-dark),.3)}.dark-theme .profile-page .profile-tabs{border-bottom-color:var(--border-color-dark)}.dark-theme .profile-page .profile-tab{color:var(--text-secondary-dark)}.dark-theme .profile-page .profile-tab:hover{color:var(--text-primary-dark);background-color:var(--hover-bg-dark)}.dark-theme .profile-page .profile-tab.active{color:var(--accent-color-dark);border-bottom-color:var(--accent-color-dark)}.dark-theme .profile-page .profile-stat-card{background-color:var(--bg-tertiary-dark);border:1px solid var(--border-color-dark)}.dark-theme .profile-page .profile-stat-card:hover{border-color:var(--accent-color-dark);box-shadow:0 2px 8px rgba(var(--accent-color-rgb-dark),.2)}.dark-theme .profile-page .stat-content h3{color:var(--text-heading-dark)}.dark-theme .profile-page .stat-content p{color:var(--text-secondary-dark)}.dark-theme .profile-page .subject-progress-section h3{color:var(--text-heading-dark)}.dark-theme .profile-page .subject-progress-item{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark)}.dark-theme .profile-page .subject-progress-header h4{color:var(--text-primary-dark)}.dark-theme .profile-page .subject-progress-bar{background-color:var(--border-color-dark)}.dark-theme .profile-page .achievement-card{background-color:var(--bg-tertiary-dark);border:1px solid var(--border-color-dark)}.dark-theme .profile-page .achievement-card.locked{background-color:var(--bg-secondary-dark)}.dark-theme .profile-page .achievement-details h4{color:var(--text-primary-dark)}.dark-theme .profile-page .achievement-details p{color:var(--text-secondary-dark)}.dark-theme .profile-page .achievement-date,.dark-theme .profile-page .achievement-locked{color:var(--text-muted-dark)}.dark-theme .profile-page .activity-timeline:before{background-color:var(--border-color-dark)}.dark-theme .profile-page .activity-marker{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--accent-color-dark)}.dark-theme .profile-page .activity-content{background-color:var(--bg-tertiary-dark);border:1px solid var(--border-color-dark)}.dark-theme .profile-page .activity-header h4{color:var(--text-primary-dark)}.dark-theme .profile-page .activity-date{color:var(--text-muted-dark)}.dark-theme .profile-page .activity-content p{color:var(--text-secondary-dark)}.dark-theme .profile-page .badge-card{background-color:var(--bg-tertiary-dark);border:1px solid var(--border-color-dark)}.dark-theme .profile-page .badge-card.locked{background-color:var(--bg-secondary-dark)}.dark-theme .profile-page .badge-details h4{color:var(--text-primary-dark)}.dark-theme .profile-page .badge-details p{color:var(--text-secondary-dark)}.dark-theme .profile-page .badge-info{background-color:var(--bg-tertiary-dark)}.dark-theme .profile-page .badge-info p{color:var(--text-secondary-dark)}.dark-theme .profile-page .edit-profile-button,.dark-theme .profile-page .download-activity-button{background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark);border:1px solid var(--border-color-dark)}.dark-theme .profile-page .edit-profile-button:hover,.dark-theme .profile-page .download-activity-button:hover{background-color:var(--button-secondary-hover-bg-dark)}.dark-theme .profile-page .save-profile-button{background-color:var(--button-primary-bg-dark);color:var(--button-primary-text-dark);border:1px solid var(--button-primary-bg-dark)}.dark-theme .profile-page .save-profile-button:hover{background-color:var(--button-primary-hover-bg-dark)}.dark-theme .profile-page .cancel-edit-button{border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.dark-theme .profile-page .cancel-edit-button:hover{background-color:var(--hover-bg-dark)}.theme-dark .profile-page .profile-actions-mobile,.dark-theme .profile-page .profile-actions-mobile{background-color:transparent!important;border-bottom:none!important}.dark-theme .profile-page .profile-actions-mobile .edit-profile-button{background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark);border-color:var(--border-color-dark)}.dark-theme .profile-page .profile-actions-mobile .edit-profile-button:hover{background-color:var(--button-secondary-hover-bg-dark)}.dark-theme .profile-page .profile-actions-mobile .save-profile-button{background-color:var(--button-primary-bg-dark);color:var(--button-primary-text-dark)}.dark-theme .profile-page .profile-actions-mobile .save-profile-button:hover{background-color:var(--button-primary-hover-bg-dark)}.dark-theme .profile-page .profile-actions-mobile .cancel-edit-button{border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.dark-theme .profile-page .profile-actions-mobile .cancel-edit-button:hover{background-color:var(--hover-bg-dark)}.dark-theme .profile-picture-modal{background-color:var(--modal-bg-dark);border:1px solid var(--border-color-dark)}.dark-theme .profile-picture-modal .modal-header{border-bottom-color:var(--modal-header-border-dark)}.dark-theme .profile-picture-modal .modal-header h3{color:var(--text-heading-dark)}.dark-theme .profile-picture-modal .close-modal-button{color:var(--text-muted-dark)}.dark-theme .profile-picture-modal .close-modal-button:hover{background-color:var(--hover-bg-dark);color:var(--text-primary-dark)}.dark-theme .profile-picture-modal .modal-button.secondary{background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark);border:1px solid var(--border-color-dark)}.dark-theme .profile-picture-modal .modal-button.secondary:hover{background-color:var(--button-secondary-hover-bg-dark)}.dark-theme .profile-picture-modal .modal-button.primary{background-color:var(--button-primary-bg-dark);color:var(--button-primary-text-dark)}.dark-theme .profile-picture-modal .modal-button.primary:hover{background-color:var(--button-primary-hover-bg-dark)}.dashboard-header-mobile-top{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--bg-primary-dark);border-bottom:1px solid var(--border-color-dark);position:sticky;top:0;z-index:100}.profile-actions-mobile{padding:.25rem 1rem!important;background-color:var(--bg-primary-dark);border-bottom:1px solid var(--border-color-dark);gap:.75rem}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1050}.profile-picture-modal{background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;width:90%;max-width:450px;overflow:hidden}.profile-picture-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color-dark)}.profile-picture-modal .modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-heading-dark)}.profile-picture-modal .close-modal-button{color:var(--text-muted-dark)}.profile-picture-modal .close-modal-button:hover{background-color:var(--hover-bg-dark);color:var(--text-primary-dark)}.picture-modal-content{padding:1.5rem;display:flex;flex-direction:column;align-items:center}.picture-preview-container{width:200px;height:200px;border-radius:50%;overflow:hidden;margin-bottom:1.5rem;border:3px solid var(--border-color-dark);background-color:var(--bg-tertiary-dark)}.profile-picture-preview{width:100%;height:100%;object-fit:cover}.picture-actions{display:flex;gap:1rem;width:100%}.modal-button{flex-grow:1;padding:.6rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s ease;border:1px solid transparent}.modal-button.secondary{background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark);border-color:var(--border-color-dark)}.modal-button.secondary:hover{background-color:var(--button-secondary-hover-bg-dark)}.modal-button.primary{background-color:var(--button-primary-bg-dark);color:var(--button-primary-text-dark)}.modal-button.primary:hover{background-color:var(--button-primary-hover-bg-dark)}.dashboard-header-mobile-top{display:none;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--card-bg-dark)!important;background:var(--card-bg-dark)!important;border-bottom:1px solid var(--border-color-dark);position:sticky;top:0;z-index:100}.dashboard-header-mobile-top .hamburger-menu{background:none;border:none;color:var(--text-primary-dark);cursor:pointer;padding:.5rem}.dashboard-header-mobile-top .mobile-header-title{font-size:1.25rem;font-weight:600;color:var(--text-heading-dark);margin:0}.dashboard-header-mobile-top .mobile-header-right-placeholder{width:40px}.profile-actions-mobile{padding:.75rem .5rem;margin-top:-20px;border-bottom:0px;background-color:var(--bg-primary-dark);border-bottom:1px solid var(--border-color-dark);gap:.75rem}.profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;margin:2rem;background-color:var(--card-bg-dark);border:1px solid var(--card-border-dark);border-radius:8px;text-align:center;color:var(--text-secondary-dark)}.profile-error h3{font-size:1.25rem;font-weight:600;color:var(--text-heading-dark);margin:.5rem 0}.profile-error p{font-size:.9rem;margin-bottom:1rem}.profile-error .retry-button{padding:.5rem 1rem;background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark);border:1px solid var(--border-color-dark);border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.profile-error .retry-button:hover{background-color:var(--button-secondary-hover-bg-dark)}.profile-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-bg);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.profile-popup-content{background-color:var(--bg-tertiary);border-radius:20px;box-shadow:var(--card-shadow-light);padding:2rem;width:90%;max-width:500px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;border:1px solid var(--border-color)}.theme-dark .profile-popup-content,.dark-theme .profile-popup-content{background-color:var(--bg-secondary-dark);box-shadow:var(--card-shadow-dark);border:1px solid var(--border-color-dark)}.profile-popup-close{position:absolute;top:15px;right:15px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:5px;border-radius:50%;transition:background-color .2s ease,color .2s ease}.profile-popup-close:hover{background-color:var(--bg-elevated);color:var(--text-secondary)}.theme-dark .profile-popup-close:hover,.dark-theme .profile-popup-close:hover{background-color:var(--bg-elevated-dark);color:var(--text-secondary-dark)}.profile-popup-lottie{width:180px;height:180px;margin-bottom:1rem}.profile-popup-step-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 1rem}.profile-popup-content h2{font-size:1.8rem;color:var(--text-heading);margin-bottom:.75rem}.theme-dark .profile-popup-content h2,.dark-theme .profile-popup-content h2{color:var(--text-heading-dark)}.profile-popup-content p{font-size:1rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1.5rem;max-width:400px}.theme-dark .profile-popup-content p,.dark-theme .profile-popup-content p{color:var(--text-secondary-dark)}.profile-popup-footer{display:flex;justify-content:space-between;align-items:center;width:100%;padding-top:1rem;border-top:1px solid var(--border-color);margin-top:1rem}.theme-dark .profile-popup-footer,.dark-theme .profile-popup-footer{border-top:1px solid var(--border-color-dark)}.popup-dots .dot{width:10px;height:10px;border-radius:50%;background-color:var(--text-muted);opacity:.5;transition:background-color .3s ease,opacity .3s ease}.popup-dots .dot.active{background-color:var(--accent-color-light);opacity:1}.theme-dark .popup-dots .dot.active,.dark-theme .popup-dots .dot.active{background-color:var(--accent-color-dark)}.popup-nav-buttons{display:flex;gap:10px}.popup-nav-btn{background-color:var(--button-primary-bg);color:var(--button-primary-text);border:none;padding:.6rem 1.2rem;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;gap:5px;transition:background-color .2s ease,transform .1s ease}.popup-nav-btn:hover{background-color:var(--button-primary-hover-bg);transform:translateY(-1px)}.popup-nav-btn.prev:hover{background-color:var(--button-secondary-hover-bg);color:var(--button-secondary-text)}.theme-dark .popup-nav-btn.prev,.dark-theme .popup-nav-btn.prev{background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark)}.theme-dark .popup-nav-btn.prev:hover,.dark-theme .popup-nav-btn.prev:hover{background-color:var(--button-secondary-hover-bg-dark)}.popup-nav-btn.done{background-color:var(--success-color)}.popup-nav-btn.done:hover{background-color:color-mix(in srgb,var(--success-color) 80%,black)}.settings-container{display:flex;flex-direction:column;gap:24px;padding:24px 0;font-size:1.2rem!important}.settings-header{padding:1rem 0;margin-bottom:1rem}.settings-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.2}.dark-theme .settings-header h1,.dark-theme .settings-title{color:var(--text-primary-dark)}.settings-header p{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.5}.settings-section{width:100%}.dark-theme .settings-card{background-color:var(--bg-secondary-dark);border:var(--dashboard-card-border-dark, 2px solid var(--border-color-dark))}.settings-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #0f172a);margin:0 0 16px}.settings-card{background-color:var(--card-bg, #ffffff);border-radius:var(--dashboard-card-border-radius, 20px);padding:24px;opacity:1!important;border:var(--dashboard-card-border, 2px solid var(--border-color));transition:transform .2s ease,box-shadow .2s ease}.settings-card:hover,.dark-theme .settings-card:hover{transform:translateY(-3px)}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.settings-item-label{flex:1}.settings-item-label h3{font-size:1.3rem;font-weight:500;color:var(--text-primary, #0f172a);margin:0 0 4px}.dark-theme .settings-item-label h3{color:var(--text-primary-dark)}.settings-item-label p{font-size:1.1rem;color:var(--text-secondary, #64748b);margin:0}.dark-theme .settings-item-label p{color:var(--text-secondary-dark)}.settings-divider{height:1px;background-color:var(--border-color, #e2e8f0);margin:12px 0}.dark-theme .settings-divider{background-color:var(--border-color-dark)}.theme-toggle-container{display:flex;gap:8px}.theme-toggle{display:flex;align-items:center;gap:8px;background-color:var(--bg-secondary, #f1f5f9);color:var(--text-secondary, #64748b);border:1px solid var(--border-color, #e2e8f0);border-radius:20px;padding:8px 16px;cursor:pointer;transition:all .2s ease}.dark-theme .theme-toggle{background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark);border-color:var(--border-color-dark)}.theme-toggle.active{background-color:#4f46e5;color:#fff;border-color:#4f46e5}.dark-theme .theme-toggle.active{background-color:var(--accent-color-dark);color:var(--text-heading-dark);border-color:var(--accent-color-dark)}.theme-toggle:hover:not(.active){background-color:var(--hover-bg, #e2e8f0)}.dark-theme .theme-toggle:hover:not(.active){background-color:var(--button-secondary-hover-bg-dark)}.font-size-controls{display:flex;flex-direction:row;gap:8px}.font-size-button{display:flex;align-items:center;gap:6px;background-color:var(--bg-secondary, #f1f5f9);color:var(--text-secondary, #64748b);border:1px solid var(--border-color, #e2e8f0);border-radius:20px;padding:8px 12px;cursor:pointer;transition:all .2s ease}.dark-theme .font-size-button{background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark);border-color:var(--border-color-dark)}.font-size-button.active{background-color:#4f46e5;color:#fff;border-color:#4f46e5}.dark-theme .font-size-button.active{background-color:var(--accent-color-dark);color:var(--text-heading-dark);border-color:var(--accent-color-dark)}.font-size-button:hover:not(.active){background-color:var(--hover-bg, #e2e8f0)}.dark-theme .font-size-button:hover:not(.active){background-color:var(--button-secondary-hover-bg-dark)}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-secondary, #e2e8f0);transition:.4s;border-radius:34px}.switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.switch-slider{background-color:var(--primary-color)}input:focus+.switch-slider{box-shadow:0 0 1px var(--primary-color, #4F46E5)}input:checked+.switch-slider:before{transform:translate(26px)}.language-select{background-color:var(--bg-secondary, #f1f5f9);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:8px 12px;color:var(--text-primary, #0f172a);font-size:.875rem;min-width:150px}.dark-theme .language-select{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.permission-status{display:block;font-size:.8rem;margin-top:4px}.permission-status.granted{color:#28a745}.permission-status.denied{color:#dc3545}.about-content{text-align:center;padding:16px 0}.about-content h3{font-size:1.1rem;font-weight:600;color:var(--text-primary, #0f172a);margin:0 0 8px}.dark-theme .about-content h3{color:var(--text-primary-dark)}.about-content p{font-size:.875rem;color:var(--text-secondary, #64748b);margin:0 0 8px}.dark-theme .about-content p{color:var(--text-secondary-dark)}.about-actions{margin-top:16px;display:flex;gap:12px;justify-content:center}.feedback-button{background-color:var(--primary-color);border:1px solid var(--border-color)}.dark-theme .feedback-button{background-color:var(--accent-color-dark);border:1px solid var(--border-color-dark)}.settings-link{color:#4f46e5;text-decoration:none;padding:0 6px}.settings-link:hover{text-decoration:underline}.save-animation{position:fixed;bottom:24px;right:24px;background-color:#10b981;color:#fff;border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #00000026;z-index:1000}html.theme-dark{--text-primary: #f8fafc;--text-secondary: #94a3b8;--card-bg: #1e293b;--bg-primary: #0f172a;--bg-secondary: #334155;--hover-bg: #475569;--border-color: #334155}html.theme-light{--text-primary: #0f172a;--text-secondary: #64748b;--card-bg: #ffffff;--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--hover-bg: #e2e8f0;--border-color: #e2e8f0}html[data-font-size=small]{font-size:14px}html[data-font-size=medium]{font-size:16px}html[data-font-size=large]{font-size:18px}html.theme-dark .dashboard-content{background-color:var(--bg-primary)}html.theme-dark .dashboard-header{background-color:var(--card-bg)}html.theme-dark .dashboard-header h1{color:var(--text-primary)}html.theme-dark .user-name{color:var(--text-secondary)}@media (max-width: 768px){.settings-item{flex-direction:column;align-items:flex-start;gap:16px}.theme-toggle-container,.font-size-controls{width:100%;justify-content:space-between}.theme-toggle-container{display:flex;justify-content:left}.dashboard-header-mobile-top{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem;position:fixed;top:0;left:0;right:0;background-color:var(--background-color, #f8f9fa);z-index:100;margin-top:0;transition:padding .3s ease-in-out}.dashboard-header-mobile-top.shrunk{padding:.75rem 1rem}.dark-theme .dashboard-header-mobile-top{background-color:var(--background-color-dark, #0f172a)}.dashboard-header-mobile-top .hamburger-menu{flex-shrink:0;background:none;border:none;color:var(--text-primary);cursor:pointer;transition:transform .3s ease-in-out}.font-size-text{display:none}.font-size-controls{justify-content:left}.dark-theme .dashboard-header-mobile-top .hamburger-menu{color:var(--text-primary-dark, var(--text-primary))}.dashboard-header-mobile-top .mobile-header-title{flex-grow:1;text-align:center;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 .5rem;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-size .3s ease-in-out,font-weight .3s ease-in-out}.dashboard-header-mobile-top.shrunk .mobile-header-title{font-size:1.15rem;font-weight:600}.dark-theme .dashboard-header-mobile-top .mobile-header-title{color:var(--text-primary-dark, var(--text-primary))}.dashboard-header-mobile-top .mobile-header-right-placeholder{flex-shrink:0;width:28px;height:28px;transition:transform .3s ease-in-out}.font-size-text{font-size:12px!important}.settings-container{padding:1rem}}@media (max-width: 480px){.dashboard-header-mobile-top{padding:1rem .75rem}.dashboard-header-mobile-top.shrunk{padding:.5rem .75rem}.theme-toggle-container{display:flex;justify-content:left}.dashboard-header-mobile-top .mobile-header-title{font-size:1.3rem;margin:0 .25rem}.dashboard-header-mobile-top.shrunk .mobile-header-title{font-size:1.05rem}.settings-container{padding:.75rem}}.sign-out-button-container{display:flex;align-items:center}.sign-out-button-settings{display:flex;align-items:center;justify-content:center;padding:10px 16px;background-color:#475569;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.dark-theme .sign-out-button-settings{background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark)}.sign-out-button-settings:hover{background-color:#d32f2f;transform:translateY(-1px);box-shadow:0 2px 5px #0003}.dark-theme .sign-out-button-settings:hover{background-color:var(--button-secondary-hover-bg-dark)}.sign-out-button-settings svg{margin-right:8px}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.confirmation-modal{background:#fff;border-radius:8px;padding:0;width:90%;max-width:400px;box-shadow:0 4px 20px #00000040;overflow:hidden}.modal-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #eaeaea;position:relative;background-color:#f8f8f8}.warning-icon{color:#f44336;margin-right:12px}.modal-header h3{margin:0;font-weight:600;font-size:18px;flex-grow:1}.close-modal-button{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#666}.close-modal-button:hover{background-color:#eaeaea;color:#333}.modal-content{padding:20px}.modal-content p{margin:0;font-size:16px;color:#333;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;padding:16px 20px;border-top:1px solid #eaeaea;gap:12px}.modal-button{padding:8px 16px;border-radius:10px;font-weight:500;cursor:pointer;border:none;font-size:14px;transition:all .2s ease}.modal-button.secondary{background-color:#f5f5f5;color:#333}.modal-button.secondary:hover{background-color:#e5e5e5}.modal-button.primary{background-color:var(--primary-color);color:#fff}.modal-button.primary:hover{background-color:var(--primary-hover)}.dark-theme .confirmation-modal{background:#222;box-shadow:0 4px 20px #0009}.dark-theme .modal-header{background-color:#2a2a2a;border-bottom:1px solid #333}.dark-theme .modal-header h3{color:#fff}.dark-theme .close-modal-button{color:#aaa}.dark-theme .close-modal-button:hover{background-color:#444;color:#fff}.dark-theme .modal-content p{color:#ddd}.dark-theme .modal-actions{border-top:1px solid #333}.dark-theme .modal-button.secondary{background-color:#333;color:#eee}.dark-theme .modal-button.secondary:hover{background-color:#444}.account-section{margin-bottom:40px}.account-section h2{color:#d32f2f;font-size:1.25rem;font-weight:600;margin:0 0 8px}.account-section>p{color:var(--text-primary)!important;font-size:.9rem;margin-bottom:16px}.danger-error{background-color:#f443361a;color:#f44336;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.9rem;border-left:4px solid #f44336}html.theme-dark .account-section h2{color:#ef5350}html.theme-dark .danger-error{background-color:#ef535026;border-left-color:#ef5350}.danger-actions{display:flex;flex-direction:column;gap:16px}.danger-action{display:flex;justify-content:space-between;align-items:center;background-color:var(--card-bg, #ffffff);padding:20px;border-radius:15px;border:3px solid #d32f2f;box-shadow:0 4px 12px #d32f2f33}.dark-theme .danger-action{background-color:var(--bg-tertiary-dark)!important;border:3px solid #ef5350;box-shadow:0 4px 12px #ef53504d}.danger-action:hover{border-color:#c62828}html.theme-dark .danger-action:hover{border-color:#e53935}.danger-zone-text{color:var(--text-primary)}.danger-zone-text p{color:var(--text-primary)!important}.dark-theme .danger-zone-text{color:var(--text-primary-dark)}.danger-action h4{margin:0 0 6px;font-weight:600;font-size:1rem;color:var(--text-primary)}.danger-action p{margin:0;font-size:.85rem;color:var(--text-secondary);max-width:350px}.danger-button{padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;min-width:110px;text-align:center}.danger-button.erase-button{background-color:#ffebee;color:#d32f2f}.danger-button.erase-button:hover:not(:disabled){background-color:#ffcdd2}.danger-button.delete-button{background-color:#f44336;color:#fff}.danger-button.delete-button:hover:not(:disabled){background-color:#d32f2f}html.theme-dark .danger-button.erase-button{background-color:#ef535033;color:#ef5350}html.theme-dark .danger-button.erase-button:hover:not(:disabled){background-color:#ef53504d}.dark-theme .danger-zone h3{color:#ef9a9a}.danger-zone p{color:#c62828;font-size:.9rem;margin-bottom:20px}.dark-theme .danger-zone p{color:#e57373}.danger-actions{display:flex;flex-direction:column;gap:15px}.dark-theme .danger-action{background-color:#1e293b99;border-color:#ef53504d}.danger-action h4{margin:0 0 5px;font-size:1rem;font-weight:500;color:var(--text-primary, #333)}html.theme-dark .danger-action h4{color:var(--text-primary, #f1f5f9)}.danger-action p{margin:0;font-size:.85rem;color:var(--text-secondary, #666)}html.theme-dark .danger-action p{color:var(--text-secondary, #cbd5e1)}.danger-button{padding:8px 16px;border-radius:20px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none;min-width:120px;text-align:center}.danger-button.erase-button{background-color:#d32f2f;color:#fff}.danger-button.erase-button:hover{background-color:#d32f2f}.danger-button.delete-button{background-color:#d32f2f;color:#fff}.danger-button.delete-button:hover{background-color:#c62828}.danger-button:disabled{opacity:.6;cursor:not-allowed}.danger-error{color:#d32f2f;background-color:#f443361a;border:1px solid rgba(244,67,54,.3);padding:10px;border-radius:20px;margin-bottom:15px;font-size:.9rem}.dark-theme .danger-error{color:#ef9a9a;background-color:#ef535026;border-color:#ef535066}.confirmation-modal .modal-button.danger{background-color:#d32f2f;color:#fff}.confirmation-modal .modal-button.danger:hover{background-color:#c62828}.dark-theme .confirmation-modal .modal-button.danger{background-color:#ef5350}.dark-theme .confirmation-modal .modal-button.danger:hover{background-color:var(--danger-color-hover-dark, #a02c34)}.preferences-button{display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--primary-color)!important;color:#fff;border:none;border-radius:20px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.dark-theme .preferences-button{background-color:var(--accent-color-dark);color:var(--text-heading-dark)}.preferences-button:hover{background-color:var(--primary-hover, #3a5be0);transform:translateY(-2px);box-shadow:0 3px 10px #4a6bfb4d}.dark-theme .preferences-button:hover{background-color:var(--accent-color-hover-dark)}.preferences-button:active{transform:translateY(0)}.settings-action{display:flex;justify-content:flex-end;align-items:center}.user-avatar{overflow:hidden}.header-avatar-image{width:100%;height:100%;object-fit:cover;display:block!important}.hamburger-menu{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;margin-left:-8px}.dark-theme .hamburger-menu{color:var(--text-primary-dark)}.dashboard-content.content-blurred{filter:blur(4px);transition:filter .3s ease-in-out}@media (max-width: 768px){.hamburger-menu{display:block;z-index:50}.settings-item{flex-direction:column;align-items:flex-start;gap:16px}.theme-toggle-container,.font-size-controls{width:100%;justify-content:space-between}.theme-toggle-container{display:flex;justify-content:left}.dashboard-header-mobile-top{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem;position:fixed;top:0;left:0;right:0;background-color:var(--background-color, #f8f9fa);z-index:100;margin-top:0;transition:padding .3s ease-in-out}.dashboard-header-mobile-top.shrunk{padding:.75rem 1rem}.dark-theme .dashboard-header-mobile-top{background-color:var(--background-color-dark, #0f172a)}.dashboard-header-mobile-top .hamburger-menu{flex-shrink:0;background:none;border:none;color:var(--text-primary);cursor:pointer;transition:transform .3s ease-in-out}.dark-theme .dashboard-header-mobile-top .hamburger-menu{color:var(--text-primary-dark, var(--text-primary))}.dashboard-header-mobile-top .mobile-header-title{flex-grow:1;text-align:center;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 .5rem;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-size .3s ease-in-out,font-weight .3s ease-in-out}.dashboard-header-mobile-top.shrunk .mobile-header-title{font-size:1.15rem;font-weight:600}.dark-theme .dashboard-header-mobile-top .mobile-header-title{color:var(--text-primary-dark, var(--text-primary))}.dashboard-header-mobile-top .mobile-header-right-placeholder{flex-shrink:0;width:28px;height:28px;transition:transform .3s ease-in-out}.font-size-text{font-size:12px!important}.settings-container{padding:1rem}}@media (max-width: 480px){.dashboard-header-mobile-top{padding:1rem .75rem}.dashboard-header-mobile-top.shrunk{padding:.5rem .75rem}.dashboard-header-mobile-top .mobile-header-title{font-size:1.3rem;margin:0 .25rem}.dashboard-header-mobile-top.shrunk .mobile-header-title{font-size:1.05rem}.settings-container{padding:.75rem}}.app-version-footer{text-align:center;padding:2rem 0 1rem;margin-top:1rem}.app-version-footer p{font-size:.8rem;color:var(--text-muted, #9CA3AF);margin:0}.dark-theme .app-version-footer p{color:var(--text-muted-dark, #64748b)}:root{--bg-primary: #f7f7f9;--bg-secondary: #ffffff;--text-primary: #111827;--text-secondary: #6B7280;--text-muted: #9CA3AF;--border-color: #e2e8f0;--card-shadow: rgba(0, 0, 0, .08);--hover-bg: rgba(0, 0, 0, .05);--icon-color: #4a6bfb;--joke-accent-color: #facc15;--fact-accent-color: #8b5cf6;--tip-accent-color: #10b981;--question-accent-color: #f59e0b;--application-accent-color: #06b6d4;--funky-bg: #f0f4ff;--funky-text-main: #2c3e50;--funky-text-secondary: #576a89;--funky-accent-one: #ff6b6b;--funky-accent-three: #48dbfb;--funky-border-color: #dce4f2;--funky-shadow-color: rgba(72, 219, 251, .3);--funky-shadow-hover-color: rgba(255, 107, 107, .4);--quote-accent-color: var(--funky-accent-one);--bg-primary-orig: #f7f7f9;--bg-secondary-orig: #ffffff;--text-primary-orig: #111827;--text-secondary-orig: #6B7280;--funky-bg: #e9e7ff;--funky-card-bg: #ffffff;--funky-text-main: #3c3a5f;--funky-text-secondary: #6a679e;--app-purple-primary: #8A2BE2;--app-blue-primary: #4A90E2;--funky-accent-one: var(--app-purple-primary);--funky-accent-two: #feca57;--funky-accent-three: var(--app-blue-primary);--funky-accent-four: #1dd1a1;--funky-border-color: #dadaff;--funky-shadow-color: rgba(138, 43, 226, .2);--funky-shadow-hover-color: rgba(74, 144, 226, .3);--quote-accent-color: var(--app-purple-primary);--fact-accent-color: var(--app-purple-primary);--tip-accent-color: var(--funky-accent-four);--question-accent-color: var(--funky-accent-two);--application-accent-color: var(--app-blue-primary);--joke-accent-color: #ff6b6b;--icon-color: var(--app-purple-primary);--hover-bg: rgba(0, 0, 0, .03);--card-shadow: 0px 5px 15px rgba(0, 0, 0, .07)}.theme-dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--card-shadow: rgba(0, 0, 0, .2);--hover-bg: rgba(255, 255, 255, .05);--icon-color: #818cf8;--joke-accent-color: #fde047;--fact-accent-color: #a78bfa;--tip-accent-color: #34d399;--question-accent-color: #fbbf24;--application-accent-color: #22d3ee;--funky-bg: #232931;--funky-card-bg: #393e46;--funky-text-main: #eeeeee;--funky-text-secondary: #bdc3c7;--funky-accent-one: #ff8a8a;--funky-accent-three: #77e0ff;--funky-shadow-color: rgba(119, 224, 255, .25);--funky-shadow-hover-color: rgba(255, 138, 138, .35);--quote-accent-color: var(--funky-accent-one);--funky-bg: #2a283e;--funky-card-bg: #3c3a4f;--funky-text-main: #e0e0ff;--funky-text-secondary: #b0aedd;--app-purple-primary: #ab63f7;--app-blue-primary: #6babf5;--funky-accent-one: var(--app-purple-primary);--funky-accent-two: #fed766;--funky-accent-three: var(--app-blue-primary);--funky-accent-four: #2effc4;--funky-border-color: #504d70;--funky-shadow-color: rgba(171, 99, 247, .25);--funky-shadow-hover-color: rgba(107, 171, 245, .3);--quote-accent-color: var(--app-purple-primary);--fact-accent-color: var(--app-purple-primary);--tip-accent-color: var(--funky-accent-four);--question-accent-color: var(--funky-accent-two);--application-accent-color: var(--app-blue-primary);--joke-accent-color: #ff8a8a;--icon-color: var(--app-purple-primary)}.inspiration-page{background-color:var(--funky-bg);color:var(--funky-text-main);overflow-x:hidden}.theme-dark .inspiration-title h1{color:var(--funky-text-main)}.theme-dark .quote-card,.theme-dark .post-card,.theme-dark .sidebar-card{background-color:var(--funky-card-bg);box-shadow:0 6px 18px var(--funky-shadow-color);opacity:1;border-radius:20px;border:2px solid var(--funky-border-color)}.theme-dark .quote-icon{color:var(--quote-accent-color)}.theme-dark .quote-card blockquote{color:var(--funky-text-main)}.theme-dark .quote-card blockquote footer{color:var(--funky-text-secondary)}.theme-dark .quote-footer,.theme-dark .post-footer{border-top-color:var(--funky-border-color);color:var(--funky-text-secondary)}.theme-dark .post-header h3{color:var(--funky-text-main)}.theme-dark .post-meta{color:var(--funky-text-secondary)}.theme-dark .post-content{color:var(--funky-text-main)}.theme-dark .post-author{color:var(--funky-text-secondary)}.theme-dark .like-button{color:var(--funky-text-secondary);border-color:var(--funky-border-color)}.theme-dark .like-button:hover{background-color:var(--hover-bg);border-color:var(--funky-accent-one);color:var(--funky-accent-one)}.theme-dark .like-button.liked{color:var(--funky-accent-one);border-color:var(--funky-accent-one);background-color:#ff8a8a26}.theme-dark .sidebar-card h3{color:var(--funky-text-main)}.theme-dark .sidebar-card p{color:var(--funky-text-secondary)}.theme-dark .featured-button{color:var(--funky-accent-three)}.theme-dark .featured-button:hover{background-color:#77e0ff1a}.theme-dark .post-card.fact{border-left-color:var(--fact-accent-color)}.theme-dark .post-card.tip{border-left-color:var(--tip-accent-color)}.theme-dark .post-card.question{border-left-color:var(--question-accent-color)}.theme-dark .post-card.application{border-left-color:var(--application-accent-color)}.theme-dark .post-card.joke{border-left-color:var(--joke-accent-color)}.theme-dark .inspiration-loading{color:var(--text-primary)}.theme-dark .loading-spinner{border-color:var(--border-color);border-top-color:#60a5fa}.theme-dark .return-button{background-color:var(--funky-card-bg);color:var(--funky-text-main);box-shadow:1px 1px 0 var(--funky-text-secondary)}.theme-dark .return-button:hover{background-color:var(--funky-accent-four);color:#1a202c;box-shadow:2px 2px 0 var(--funky-text-secondary)}.theme-dark .refresh-button{background-color:#4f46e5}.theme-dark .refresh-button:hover{background-color:#4338ca}.theme-dark .post-content code{background-color:var(--bg-primary);color:var(--text-primary)}.theme-dark .post-content pre{background-color:var(--bg-primary);border:1px solid var(--border-color)}.theme-dark .post-content blockquote{border-left-color:var(--border-color);color:var(--text-secondary)}.theme-dark .post-card:hover{transform:translateY(-6px) rotate(-1deg) scale(1.01);box-shadow:6px 6px 0 var(--funky-shadow-hover-color)}.theme-dark .quote-card:hover{box-shadow:8px 12px 0 var(--funky-accent-two)!important}.inspiration-page{display:flex;flex-direction:column;min-height:calc(100vh - 64px);padding:28px;box-sizing:border-box}.inspiration-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:2px dashed var(--app-blue-primary)}.inspiration-title{display:flex;align-items:center;gap:14px}.inspiration-title .tabler-icon{color:var(--app-purple-primary);transform:rotate(-5deg)}.inspiration-title h1{font-size:2.5rem;font-weight:700;margin:0;color:var(--funky-text-main);text-shadow:2px 2px 0px var(--app-blue-primary)}.refresh-button{display:flex;align-items:center;justify-content:center;background-color:#4a6bfb;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .2s}.refresh-button:hover{background-color:#3a5be0;transform:translateY(-1px)}.refresh-button:disabled{opacity:.7;cursor:not-allowed}.refresh-button .spin{animation:spin 1s linear infinite}.inspiration-content{display:flex;gap:24px;flex:1}.inspiration-feed{flex:1;display:flex;flex-direction:column;gap:24px}.inspiration-sidebar{width:320px;display:flex;flex-direction:column;gap:24px;position:sticky;top:88px;height:calc(100vh - 144px);overflow-y:auto;padding-right:10px}.sidebar-card{background-color:var(--funky-card-bg);border-radius:18px;padding:24px;box-shadow:0 4px 10px #0000000d;border:2px solid var(--funky-border-color);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.sidebar-card:hover{transform:translateY(-4px) rotate(1deg)}.sidebar-card h3{font-size:1.2rem;font-weight:700;margin-top:0;margin-bottom:16px;display:flex;align-items:center;gap:10px;color:var(--funky-text-main)}.sidebar-card h3 .tabler-icon{color:var(--funky-accent-four)}.sidebar-card p{font-size:.9rem;line-height:1.7;margin-bottom:12px;color:var(--funky-text-secondary)}.sidebar-card p:last-child{margin-bottom:0}.quote-card{background-color:var(--funky-card-bg);border-radius:60px 20px!important;padding:30px;box-shadow:5px 8px 0 var(--quote-accent-color)!important;position:relative;overflow:visible;border:3px solid var(--funky-text-main);transition:transform .2s ease-out,box-shadow .2s ease-out;margin-bottom:20px}.quote-card:hover{transform:translateY(-5px) rotate(1.5deg);box-shadow:8px 12px 0 var(--app-blue-primary)!important}.quote-card-content{display:flex;align-items:center;gap:20px}.quote-icon{color:var(--quote-accent-color);opacity:1;flex-shrink:0;font-size:2.5rem}.quote-card blockquote{margin:0;font-size:1.2rem;line-height:1.7;font-style:italic;font-weight:500;color:var(--funky-text-main)}.quote-card blockquote p{margin-top:0;margin-bottom:12px;font-weight:600}.quote-card blockquote footer{font-size:.95rem;line-height:1.75;margin-bottom:20px;color:var(--funky-text-main);font-weight:600}.quote-footer{margin-top:20px;padding-top:15px;border-top:2px dashed var(--quote-accent-color);font-size:.9rem;color:var(--funky-text-secondary);text-align:center;font-weight:500}.posts-container{display:flex;flex-direction:column;gap:20px}.post-card{background-color:var(--funky-card-bg);border-radius:20px!important;padding:22px 26px;box-shadow:3px 3px 0 var(--funky-shadow-color);border:2px solid var(--funky-text-main);transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;margin-bottom:10px}.post-card:hover{transform:translateY(-6px) rotate(-1deg) scale(1.01);box-shadow:6px 6px 0 var(--funky-shadow-hover-color)}.post-card.fact{border-left:8px solid var(--fact-accent-color)}.post-card.tip{border-left:8px solid var(--tip-accent-color);opacity:1!important}.post-card.question{border-left:8px solid var(--question-accent-color)}.post-card.application{border-left:8px solid var(--application-accent-color)}.post-card.joke{border-left:8px solid var(--joke-accent-color)}.post-header{margin-bottom:16px}.post-header h3{font-size:1.4rem;font-weight:700;margin:0 0 10px;color:var(--funky-text-main);line-height:1.3}.post-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.75rem;color:var(--funky-text-secondary);text-transform:uppercase;font-weight:600}.post-meta .post-category{font-weight:700;background-color:var(--hover-bg);padding:2px 6px;border-radius:4px}.post-content{font-size:.95rem;font-weight:400!important;line-height:1.75;margin-bottom:20px;color:var(--funky-text-main)}.post-content p{margin-bottom:.75em}.post-content strong{font-weight:600}.post-content em{font-style:italic}.post-content code{background-color:var(--hover-bg);padding:.2em .5em;margin:0 .1em;font-size:88%;border-radius:5px;font-family:Courier New,Courier,monospace;color:var(--app-purple-primary);border:1px dashed var(--app-purple-primary)}.post-content pre{background-color:var(--funky-bg);border:2px dashed var(--app-blue-primary);padding:1.2em;border-radius:10px;overflow-x:auto;box-shadow:inset 0 0 10px #0000000d}.post-content pre code{background-color:transparent;padding:0;font-size:inherit;color:var(--funky-text-secondary);border:none}.post-content blockquote{border-left:4px solid var(--funky-accent-four);padding-left:1.2em;margin-left:0;color:var(--funky-text-secondary);font-style:italic;background-color:var(--hover-bg);border-radius:0 8px 8px 0}.post-content ul,.post-content ol{padding-left:25px;margin-bottom:1em}.post-content li{margin-bottom:.5em;line-height:1.6}.post-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:2px dotted var(--funky-border-color)}.post-author{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--funky-text-secondary);font-weight:500}.post-author .tabler-icon{color:var(--funky-accent-two);transform:scale(1.1)}.post-actions{display:flex;align-items:center;gap:10px}.like-button{display:flex;align-items:center;gap:8px;background:var(--funky-card-bg);border:2px solid var(--app-blue-primary);color:var(--app-blue-primary);font-size:.9rem;font-weight:600;cursor:pointer;padding:8px 14px;border-radius:30px;transition:all .2s ease-out;box-shadow:2px 2px 0 var(--app-blue-primary)}.like-button:hover{background-color:var(--app-blue-primary);color:var(--funky-card-bg);border-color:var(--app-blue-primary);transform:translateY(-2px) scale(1.05);box-shadow:3px 3px 0 var(--funky-text-main)}.like-button.liked{background-color:var(--app-purple-primary);color:var(--funky-card-bg);border-color:var(--app-purple-primary);box-shadow:2px 2px 0 var(--app-purple-primary)}.like-button.liked:hover{border:4px solid var(--funky-border-color);border-top:4px solid var(--funky-accent-one);border-radius:50%;animation:spin .8s linear infinite}.like-button .tabler-icon{margin-bottom:0;font-size:1.1em}.post-type-icon{opacity:.7;transition:opacity .2s}.post-card:hover .post-type-icon{opacity:1}.post-type-icon.joke-icon{color:var(--joke-accent-color)}.post-type-icon.fact-icon{color:var(--fact-accent-color)}.post-type-icon.tip-icon{color:var(--tip-accent-color)}.post-type-icon.question-icon{color:var(--question-accent-color)}.post-type-icon.application-icon{color:var(--application-accent-color)}.inspiration-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;width:100%;text-align:center;margin-top:40px}.inspiration-loading-spinner{width:50px;height:50px;border:4px solid var(--funky-border-color);border-top:4px solid var(--app-purple-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:15px;display:flex;align-items:center;gap:6px;justify-content:center;transform-style:preserve-3d}.featured-content{padding:0}.featured-footer{margin-top:16px;display:flex;justify-content:flex-end}.featured-button{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--app-blue-primary);font-size:14px;font-weight:600;cursor:pointer;padding:6px 10px;border-radius:20px;transition:all .2s;border-bottom:2px dashed transparent}.featured-button:hover{background-color:#4a90e21a;border-bottom:2px dashed var(--app-blue-primary);transform:translateY(-1px)}.header-actions{display:flex;align-items:center;gap:12px}.return-button{display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;color:#333;border:1px solid #ddd;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .2s,transform .2s}.return-button:hover{background-color:var(--funky-accent-four);color:#fff;transform:translateY(-2px) rotate(-2deg);box-shadow:2px 2px 0 var(--text-muted)}body[data-theme=dark] .sidebar-card,body[data-theme=dark] .quote-card,body[data-theme=dark] .post-card{background-color:var(--funky-card-bg);box-shadow:0 4px 15px var(--funky-shadow-color);border-color:var(--funky-border-color)}body[data-theme=dark] .quote-card{box-shadow:5px 8px 0 var(--quote-accent-color)!important;border:3px solid var(--funky-text-main)}body[data-theme=dark] .quote-card:hover{box-shadow:8px 12px 0 var(--funky-accent-two)!important}body[data-theme=dark] .post-card{box-shadow:3px 3px 0 var(--funky-shadow-color);border:2px solid var(--funky-text-main)}body[data-theme=dark] .post-card:hover{box-shadow:6px 6px 0 var(--funky-shadow-hover-color)}body[data-theme=dark] .quote-footer,body[data-theme=dark] .post-footer{border-top-color:var(--funky-border-color)}body[data-theme=dark] .like-button:hover,body[data-theme=dark] .featured-button:hover{background-color:var(--hover-bg)}body[data-theme=dark] .inspiration-title h1{text-shadow:2px 2px 0px var(--funky-accent-two)}body[data-theme=dark] .return-button{background-color:var(--funky-card-bg);color:var(--funky-text-main);box-shadow:1px 1px 0 var(--funky-text-secondary)}body[data-theme=dark] .return-button:hover{background-color:var(--funky-accent-four);color:#1a202c;box-shadow:2px 2px 0 var(--funky-text-secondary)}.theme-dark .post-card.fact{border-left-color:var(--app-purple-primary)}.theme-dark .post-card.application{border-left-color:var(--app-blue-primary)}.theme-dark .post-type-icon.fact-icon{color:var(--app-purple-primary)}.theme-dark .post-type-icon.application-icon{color:var(--app-blue-primary)}@media (max-width: 900px){.inspiration-content{flex-direction:column}.inspiration-sidebar{width:100%}}@media (max-width: 600px){.inspiration-page{padding:16px}.inspiration-header{flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:12px;margin-bottom:20px}.refresh-button,.return-button{padding:8px 10px;font-size:13px}.quote-card blockquote{font-size:1rem}.quote-card{padding:20px}.post-header h3{font-size:1.1rem}.post-card{padding:16px 20px}.post-content{font-size:.9rem}.like-button{padding:5px 8px;font-size:.8rem}.post-actions .tabler-icon{font-size:16px}}.inspiration-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.theme-dark .inspiration-popup-overlay{background-color:rgba(var(--bg-primary-dark),.8)}.inspiration-popup-content{background-color:var(--bg-primary);border-radius:24px;box-shadow:0 10px 30px #0003;width:100%;max-width:400px;position:relative;overflow:hidden;display:flex;flex-direction:column;text-align:center}.theme-dark .inspiration-popup-content{background-color:var(--bg-secondary-dark);border:1px solid var(--border-color-dark)}.inspiration-popup-close{position:absolute;top:16px;right:16px;background:#0000001a;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;z-index:10;color:var(--text-secondary)}.theme-dark .inspiration-popup-close{background:#ffffff1a;color:var(--text-secondary-dark)}.inspiration-popup-close:hover{background:#0003}.theme-dark .inspiration-popup-close:hover{background:#fff3}.inspiration-popup-body{padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.inspiration-popup-animation-container{width:100%;max-width:250px;margin:-2rem 0 -1rem}.inspiration-popup-text-content h2{font-size:1.5rem;font-weight:700;margin:0 0 .75rem;color:var(--text-heading)}.theme-dark .inspiration-popup-text-content h2{color:var(--text-heading-dark)}.inspiration-popup-text-content p{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin:0}.theme-dark .inspiration-popup-text-content p{color:var(--text-secondary-dark)}.inspiration-popup-footer{padding:1rem 1.5rem 1.5rem;display:flex;justify-content:center;border-top:transparent;background-color:var(--bg-primary)}.theme-dark .inspiration-popup-footer{border-top-color:transparent;background-color:var(--bg-tertiary-dark)}.popup-done-btn{width:100%;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:background-color .2s ease;background-color:var(--primary-color);color:var(--button-primary-text)}.theme-dark .popup-done-btn{background-color:var(--accent-color-dark)}.popup-done-btn:hover{background-color:var(--accent-color-hover-dark)}.inspiration-popup-animation-container{margin:5px}@media (max-width: 480px){.inspiration-popup-content{max-width:100%;border-radius:16px}.inspiration-popup-animation-container{max-width:200px}.inspiration-popup-text-content h2{font-size:1.3rem}.inspiration-popup-text-content p{font-size:.9rem}}.chat-content-area{flex-grow:1;display:flex;flex-direction:column;height:100vh;background-color:var(--bg-primary)}.theme-dark .chat-content-area{background-image:linear-gradient(60deg,var(--bg-primary-dark),var(--bg-tertiary-dark))!important}.chat-content-area.initial-layout .chat-messages-container{flex-grow:1}.feedback-popup-content{background-color:#fff;border-radius:12px;padding:24px;width:90%;max-width:400px;box-shadow:0 8px 30px #0003}.feedback-popup-content h4{margin:0 0 16px;color:#333;font-size:1.2rem;font-weight:600}.feedback-textarea{width:100%;min-height:100px;padding:10px;margin-bottom:15px;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;resize:vertical;background-color:var(--bg-primary);color:var(--text-primary)}.feedback-popup-actions{display:flex;justify-content:flex-end;gap:10px}.feedback-cancel-button{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 15px;border-radius:8px;cursor:pointer;transition:all .2s ease}.theme-dark .feedback-cancel-button{border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.feedback-cancel-button:hover{background-color:var(--hover-bg);color:var(--text-primary)}.theme-dark .feedback-cancel-button:hover{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark)}.feedback-submit-button{background-color:var(--primary-color);color:#fff;border:none;padding:8px 15px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.theme-dark .feedback-submit-button{background-color:var(--accent-color-dark)}.feedback-thanks-message,.like-thanks-message{position:fixed;bottom:120px;left:50%;transform:translate(-50%);background-color:var(--bg-secondary);color:var(--text-primary);padding:10px 20px;border-radius:25px;box-shadow:0 4px 15px #0000001a;z-index:1000;opacity:0;pointer-events:none;animation:fadeInOut 2s forwards;font-size:.9rem;font-weight:500;border:1px solid var(--border-color)}.theme-dark .feedback-thanks-message,.theme-dark .like-thanks-message{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark);border-color:var(--border-color-dark)}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(10px)}10%{opacity:1;transform:translate(-50%) translateY(0)}90%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}@media (max-width: 600px){.feedback-popup-modal{padding:15px}.feedback-popup-content{width:95%;padding:20px}.feedback-thanks-message,.like-thanks-message{width:60%}}.dark-theme .feedback-popup-content{background-color:var(--bg-tertiary-dark)!important;background:var(--bg-tertiary-dark)!important;border:1px solid var(--border-color-dark)!important}.dark-theme .feedback-popup-content h4{color:var(--text-primary)}@media (max-width: 768px){.chat-header-actions button{padding:.5rem;gap:0}.chat-header-actions button span{display:none}.chat-header-actions button svg{display:inline-block!important;margin:0}}.chat-messages-container{flex-grow:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-width:900px;width:100%;margin:0 auto;position:relative;overflow-anchor:auto;scroll-behavior:smooth;will-change:transform;contain:content;height:100%}.popup-content-chat-page{flex-grow:1}.popup-content-chat-page h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.popup-content-chat-page p{margin:0 0 1rem;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.chat-welcome-message{text-align:center;margin:auto;color:var(--text-color-secondary)}.chat-welcome-message h1{font-size:2rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color-primary)}.chat-welcome-message p{font-size:1.1rem;color:var(--text-color-secondary)}.chat-message{display:flex;gap:.75rem;max-width:90%;min-width:0}.user-message{margin-left:auto;flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.user-message .message-avatar{background-color:#141147;color:#fff}.bot-message .message-avatar{background-color:var(--secondary-color);color:#fff}.user-message .message-content{border-radius:18px 18px 0;background:linear-gradient(145deg,#100e2b,#141147)!important;color:var(--user-message-text-color, white);font-size:1.1rem!important}.dark-theme .user-message .message-content{background-color:#100e2b!important;background:linear-gradient(145deg,#100e2b,#141147)!important;border:1px solid #282c34!important}.bot-message .message-content{border-radius:18px 18px 18px 0;background-color:var(--bot-message-bg-color, var(--card-background-color));color:var(--bot-message-text-color, var(--text-color-primary));border:none}.dark-theme .bot-message .message-content{border-radius:18px 18px 18px 0;background:linear-gradient(145deg,var(--bg-tertiary-dark),var(--bg-secondary-dark));border:none}.chat-message .message-avatar{display:none}.chat-message.bot-message .message-content{width:110%}.chat-message.bot-message.error-message .message-content{background-color:#ffdadae6;color:#b91c1c}.chat-message.bot-message.error-message .message-content:before{border-right-color:#ffdadae6}.chat-message.bot-message.error-message .message-avatar{background-color:#fee2e2;color:#ef4444}.language-js .token.keyword,.language-ts .token.keyword,.language-javascript .token.keyword,.language-typescript .token.keyword{color:#569cd6}.language-js .token.string,.language-ts .token.string,.language-javascript .token.string,.language-typescript .token.string{color:#ce9178}.language-js .token.function,.language-ts .token.function,.language-javascript .token.function,.language-typescript .token.function{color:#dcdcaa}.language-js .token.comment,.language-ts .token.comment,.language-javascript .token.comment,.language-typescript .token.comment{color:#6a9955}.language-python .token.keyword{color:#ff79c6}.language-python .token.string{color:#f1fa8c}.language-python .token.function{color:#50fa7b}.language-python .token.comment{color:#6272a4}.language-html .token.tag,.language-xml .token.tag{color:#569cd6}.language-html .token.attr-name,.language-xml .token.attr-name{color:#9cdcfe}.language-html .token.attr-value,.language-xml .token.attr-value{color:#ce9178}.language-html .token.comment,.language-xml .token.comment{color:#6a9955}.language-css .token.property{color:#9cdcfe}.language-css .token.selector{color:#d7ba7d}.language-css .token.value{color:#ce9178}.dark-theme .language-js .token.keyword,.dark-theme .language-ts .token.keyword,.dark-theme .language-javascript .token.keyword,.dark-theme .language-typescript .token.keyword{color:#569cd6}.dark-theme .language-js .token.string,.dark-theme .language-ts .token.string,.dark-theme .language-javascript .token.string,.dark-theme .language-typescript .token.string{color:#ce9178}.dark-theme .language-js .token.function,.dark-theme .language-ts .token.function,.dark-theme .language-javascript .token.function,.dark-theme .language-typescript .token.function{color:#dcdcaa}.dark-theme .language-python .token.keyword{color:#ff79c6}.dark-theme .language-python .token.string{color:#f1fa8c}.chat-input-bar{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;background-color:#f8f9fa!important;border:2px solid var(--text-primary)!important;border-radius:20px!important;opacity:.95;font-size:16px}.chat-message.user-message .message-content{max-width:700px!important}.chat-message.bot-message .message-actions:last-child{margin-bottom:50px!important}.chat-input-bar{display:flex;flex-direction:column;gap:.5rem;padding:.75rem .75rem .5rem;background-color:var(--bg-tertiary, #f8f9fa);border:2px solid var(--border-color);border-radius:20px;max-width:900px;margin:0 auto}.theme-dark .chat-input-bar{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark)}.chat-input-actions{display:flex;justify-content:space-between;align-items:center;width:100%}.chat-input-actions-left{display:flex;align-items:center;gap:.25rem}.chat-input-field{width:100%;padding:.2rem;border:none;outline:none;background-color:transparent;color:var(--text-primary);resize:none}.chat-send-button{background-color:var(--primary-color-shaded)!important;color:var(--bg-tertiary)!important;width:40px;height:40px;min-width:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;border:none;cursor:pointer;transition:all .2s ease}.chat-send-button:disabled{background-color:var(--text-muted)!important;color:var(--text-primary);transform:scale(1);cursor:not-allowed}.theme-dark .chat-send-button{background-color:var(--accent-color-shaded)!important;color:var(--text-primary-dark)!important}.theme-dark .chat-send-button:disabled{background-color:var(--border-color-dark)!important;color:var(--text-muted-dark)}@media (max-width: 768px){.chat-input-section{padding:0 10px!important;margin-bottom:10px!important}.chat-input-bar{max-width:100%;border-radius:20px!important;border-bottom:none;padding-bottom:20px!important}}.chat-attach-button,.chat-send-button{background:none;border:none;padding:.2rem;cursor:pointer;color:var(--text-secondary);transition:color .2s ease;display:flex;align-items:center;justify-content:center;border-radius:6px}.chat-attach-button:hover,.chat-send-button:hover:not(:disabled){color:var(--primary-color, #4a6bfb);background-color:var(--hover-bg, rgba(0,0,0,.05))}.chat-input-field{flex-grow:1;border:none;outline:none;padding:.5rem;font-size:1rem;resize:none;background-color:transparent;color:var(--text-primary);font-family:Inter,sans-serif}.chat-input-field::placeholder{color:var(--text-secondary)}.file-preview-container{margin-bottom:.75rem;padding:.5rem;background-color:color-mix(in srgb,var(--bg-primary) 80%,transparent);border-radius:var(--dashboard-card-border-radius, 20px);border:2px dashed var(--border-color)}.theme-dark .file-preview-container{background-color:color-mix(in srgb,var(--bg-primary) 80%,transparent);border:2px solid var(--border-color-dark)}.pdf-preview-input{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:color-mix(in srgb,var(--bg-primary) 80%,transparent);border-radius:var(--dashboard-card-border-radius, 20px);color:var(--text-color-secondary);font-size:.9rem;border:1px solid var(--border-color)}.theme-dark .pdf-preview-input{background-color:color-mix(in srgb,var(--bg-primary) 90%,transparent);border:2px solid var(--border-color-dark)}.cancel-file-button{position:absolute;top:-8px;right:-8px;background-color:#ff0000b3;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;z-index:1000}.message-actions{display:flex;gap:.75rem;margin-top:.5rem!important;opacity:0;transition:opacity .2s ease-in-out;z-index:10;align-self:flex-end}.message-action-btn{background:none;border:none;padding:2px;cursor:pointer;color:var(--text-primary)!important;transition:color .2s ease;display:flex;align-items:center;border-radius:4px}.dark-theme .message-action-btn{background:none;border:none;color:var(--text-secondary, #6c757d);cursor:pointer;padding:.35rem;align-items:center;justify-content:center;border-radius:var(--dashboard-card-border-radius, 20px);transition:background-color .2s ease,color .2s ease;border:1px solid transparent}.close-history-button:hover{border-radius:20px;background-color:var(--hover-bg, rgba(0,0,0,.05));color:var(--text-primary, #212529);border-color:var(--border-color)}.message-action-btn.liked{color:#10b981!important}.message-action-btn.disliked{color:#ef4444!important}.history-panel-header{border-radius:20px}.history-list{flex-grow:1;overflow-y:auto;padding:.5rem .25rem;background-color:var(--bg-primary, #f8f9fa);border-radius:var(--dashboard-card-border-radius, 20px)}.history-group{margin-bottom:.75rem}.history-group-title{font-size:.7rem;font-weight:700;color:var(--text-secondary, #6c757d);text-transform:uppercase;letter-spacing:.05em;padding:.5rem .75rem;margin-bottom:.25rem}.history-item{cursor:pointer;transition:background-color .15s ease;border-radius:15px;padding:.6rem .75rem;margin:0 .25rem .1rem}.history-item:hover{background-color:var(--hover-bg, rgba(0,0,0,.04));transform:translateY(-2px);box-shadow:0 2px 6px #00000014}.history-item.active-history-item{background-color:var(--primary-light, #e0e7ff);border:1px solid var(--primary-color)}.history-item.active-history-item .history-question{color:var(--primary-color, #0056b3);font-weight:500;border-radius:var(--dashboard-card-border-radius, 20px);z-index:15;transition:var(--dashboard-card-transition, all .3s ease)}.history-content{padding:0}.history-content .history-question{font-weight:400;margin:0;color:var(--text-primary, #212529);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem;line-height:1.4}.no-history{text-align:left;padding:1rem .75rem;color:var(--text-secondary, #6c757d);font-size:.9rem}.dark-theme .chat-history-panel{background-color:var(--bg-secondary-dark);border-left-color:var(--border-color-dark);box-shadow:-4px 0 20px #00000040}.dark-theme .history-panel-header{background-color:var(--bg-secondary-dark)!important;border-bottom-color:var(--border-color-dark, #30353e)}.dark-theme .history-panel-header h3{color:var(--text-primary-dark, #e5e7eb)}.dark-theme .close-history-button{color:var(--text-secondary-dark, #9ca3af)}.dark-theme .close-history-button:hover{background-color:var(--hover-bg-dark, rgba(255,255,255,.08));color:var(--text-primary-dark, #e5e7eb)}.dark-theme .history-list{background-color:var(--bg-secondary-dark, #20242b)}.dark-theme .history-group-title{color:var(--text-secondary-dark, #9ca3af)}.dark-theme .history-item:hover{background-color:var(--hover-bg-dark, rgba(255,255,255,.06))}.dark-theme .history-item{background:var(--bg-tertiary-dark)!important;border-color:var(--border-color-dark)}.dark-theme .history-item.active-history-item{background-color:#1a1d23!important}.dark-theme .history-item.active-history-item .history-question{color:var(--primary-color-dark-text, #a5c8ff)}.dark-theme .history-content .history-question{color:var(--text-primary-dark, #d1d5db)}.dark-theme .no-history{color:var(--text-secondary-dark, #9ca3af)}.clear-history-confirm-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--modal-background-color);padding:1.5rem 2rem;border-radius:8px;box-shadow:0 4px 15px #00000026;z-index:100;width:90%;max-width:400px;border:1px solid var(--border-color)}.confirm-modal-content{text-align:center}.confirm-modal-content svg{margin-bottom:1rem}.confirm-modal-content h4{margin:0 0 .5rem;font-size:1.2rem}.confirm-modal-content p{margin:0 0 1.5rem;color:var(--text-color-secondary);font-size:.95rem}.confirm-modal-buttons{display:flex;justify-content:center;gap:1rem}.confirm-cancel-button,.confirm-delete-button{padding:.6rem 1.2rem;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:background-color .2s ease}.confirm-cancel-button{background-color:var(--button-secondary-bg);color:var(--button-secondary-text)}.confirm-cancel-button:hover{background-color:var(--button-secondary-hover-bg)}.confirm-delete-button{background-color:var(--error-color);color:#fff}.confirm-delete-button:hover{background-color:var(--error-color-dark)}:root{--background-color: #f8f9fa;--background-color-light: #ffffff;--card-background-color: #ffffff;--modal-background-color: #ffffff;--border-color: #e9ecef;--text-color-primary: #212529;--text-color-secondary: #6c757d;--text-color-disabled: #adb5bd;--primary-color: #007bff;--primary-color-light: #e7f3ff;--secondary-color: #6c757d;--error-color: #dc3545;--error-color-dark: #c82333;--button-secondary-bg: #e9ecef;--button-secondary-text: #495057;--button-secondary-hover-bg: #dee2e6;--code-background-color: #f1f3f5;--primary-color-dark: #0056b3}.dark-theme{--background-color: #1a1a1a;--background-color-light: #2c2c2c;--card-background-color: #252525;--modal-background-color: #2c2c2c;--border-color: #3a3a3a;--text-color-primary: #e0e0e0;--text-color-secondary: #a0a0a0;--text-color-disabled: #6c757d;--primary-color: #4dabf7;--primary-color-light: #2b3a4a;--primary-color-dark: #228be6;--secondary-color: #a0a0a0;--error-color: #f7707e;--error-color-dark: #e85a68;--button-secondary-bg: #3a3a3a;--button-secondary-text: #c0c0c0;--button-secondary-hover-bg: #4a4a4a;--code-background-color: #2c2c2c}.dark-theme .chat-input-bar{background-color:var(--bg-tertiary-dark)!important;border-color:var(--border-color-dark)!important}.dark-theme .chat-input-field{color:var(--text-color-primary)}.dark-theme .chat-input-field::placeholder{color:var(--text-color-secondary)}.dark-theme .new-chat-button{background-color:var(--primary-color);color:#fff}.dark-theme .new-chat-button:hover{background-color:var(--primary-color-dark)}.dark-theme .chat-welcome-message h1{color:var(--text-color-primary)}.dark-theme .chat-welcome-message p{color:var(--text-color-secondary)}.dark-theme .chat-content-area{background-color:var(--bg-primary-dark, #0f172a)}.dark-theme .chat-title h2,.dark-theme .chat-title p,.dark-theme .chat-header-actions button{color:var(--text-primary-dark, #e2e8f0)}.dark-theme .chat-header-actions button{background-color:var(--bg-tertiary-dark, #334155);border-color:var(--border-color-dark, #334155)}.dark-theme .chat-header-actions button:hover{background-color:var(--hover-bg-dark, #475569)}.dark-theme .chat-header-actions .new-chat-button{background-color:var(--primary-color-dark, #4a6bfb);border-color:var(--primary-color-dark, #4a6bfb);color:#fff}.dark-theme .chat-header-actions .new-chat-button:hover{background-color:var(--primary-hover-dark, #3a5be0)}.dark-theme .chat-input-section{background-color:transparent}.dark-theme .chat-input-bar{background-color:var(--bg-tertiary-dark, #334155);border:2px solid var(--border-color-dark)}.dark-theme .chat-input-field{color:var(--text-primary-dark, #e2e8f0);background-color:transparent}.dark-theme .chat-input-field::placeholder{color:var(--text-muted-dark, #94a3b8)}.dark-theme .chat-attach-button,.dark-theme .chat-send-button,.dark-theme .chat-super-button{color:var(--text-secondary-dark, #cbd5e1);background-color:transparent;border-radius:var(--dashboard-card-border-radius, 20px)}.dark-theme .chat-attach-button:hover,.dark-theme .chat-send-button:hover,.dark-theme .chat-super-button:hover{color:var(--primary-color-dark, #60a5fa);background-color:rgba(var(--primary-color-rgb, 96, 165, 250),.1);transform:translateY(-2px)}.dark-theme .chat-send-button:disabled{color:var(--text-muted-dark, #64748b);background-color:transparent}.markdown-content pre{position:relative;background-color:var(--code-bg, #f5f5f5);border-radius:8px;padding:1rem;margin:.5rem 0;overflow-x:auto;font-family:Fira Code,monospace;font-size:.9em}.dark-theme .markdown-content pre{background-color:var(--bg-tertiary-dark)!important}.message-content{padding:.75rem 1rem;border:1px solid var(--text-primary);border-radius:18px;color:var(--text-color-primary);box-shadow:0 1px 3px #0000000d;word-wrap:break-word;overflow-wrap:break-word;width:100%;box-sizing:border-box;opacity:.9}.message-content .markdown-content p,.message-content .markdown-content ul,.message-content .markdown-content ol,.message-content .markdown-content blockquote{margin-bottom:.5em;line-height:1.7;font-size:1.2rem!important}.message-content .markdown-content code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;padding:2px 4px;font-size:.9em;background-color:#f5f7fa;border-radius:3px;color:#24292e;font-size:1.1rem!important}.message-content .markdown-content pre{background-color:#f5f7fa;border-radius:6px;padding:16px;overflow-x:auto;margin:12px 0;border:1px solid #e1e4e8;max-width:100%;box-sizing:border-box}.message-content .markdown-content pre code{background-color:transparent;padding:0;font-size:.85rem;color:#24292e;display:block;line-height:1.5;-moz-tab-size:2;tab-size:2;font-size:1.1rem!important}.dark-theme .message-content .markdown-content code{background-color:var(--bg-tertiary-dark)!important;color:#e2e8f0;border:1px solid #282c34}.dark-theme .message-content .markdown-content pre{background-color:var(--bg-tertiary-dark);border:1px solid #282c34}.dark-theme .message-content .markdown-content pre code{color:#e2e8f0}.thinking-indicator{display:flex;align-items:center;gap:4px;padding:8px 0}.thinking-indicator span{width:8px;height:8px;background-color:var(--text-color-secondary);border-radius:50%;animation:thinking-bounce 1.2s infinite ease-in-out}.thinking-indicator span:nth-child(1){animation-delay:-.32s}.thinking-indicator span:nth-child(2){animation-delay:-.16s}@keyframes thinking-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.code-block-wrapper{position:relative;margin:1em 0;max-width:100%;box-sizing:border-box;overflow-x:auto}.code-block-wrapper pre{padding-top:2.5em;margin:0;max-width:100%;box-sizing:border-box}.copy-code-button{position:absolute;top:8px;right:8px;background-color:var(--button-secondary-bg, #e2e8f0);color:var(--button-secondary-text, #475569);border:none;border-radius:6px;padding:4px 8px;font-size:.8em;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;opacity:.7;transition:opacity .2s ease,background-color .2s ease}.code-block-wrapper:hover .copy-code-button{opacity:1}.copy-code-button:hover{background-color:var(--button-secondary-hover-bg, #cbd5e1)}.copy-code-button:active{opacity:.9}.copy-code-button svg{margin-right:2px}.dark-theme .copy-code-button{background-color:var(--button-secondary-bg-dark, #334155);color:var(--button-secondary-text-dark, #cbd5e1)}.dark-theme .copy-code-button:hover{background-color:var(--button-secondary-hover-bg-dark, #475569)}.copy-code-button:has(svg>path[d*="M5 12l5 5l10 -10"]){background-color:var(--success-color, #10b981);color:#fff}.dark-theme .copy-code-button:has(svg>path[d*="M5 12l5 5l10 -10"]){background-color:var(--success-color, #10b981);color:#fff}.chat-super-button{background:none;border:none;padding:.2rem;margin-left:.1rem;cursor:pointer;color:var(--text-color-secondary);border-radius:var(--dashboard-card-border-radius, 20px);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease;position:relative;overflow:visible}.chat-super-button:hover{background-color:var(--hover-bg);color:var(--primary-color)}.chat-super-button.active{color:var(--primary-color-shaded);background-color:var(--primary-light)}.chat-super-button .tooltip{position:absolute;bottom:125%;left:50%;transform:translate(-50%);background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a;padding:8px 12px;border-radius:6px;font-size:.8rem;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;z-index:10;height:30px;width:auto;min-height:max-content}.chat-super-button:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(7px)}.chat-super-button .tooltip:before,.chat-super-button .tooltip:after{content:none;display:none}.chat-super-button:hover .tooltip{opacity:1;visibility:visible}.super-model-popup{position:fixed;bottom:20px;right:20px;max-width:380px;background-color:var(--card-bg);border-radius:var(--dashboard-card-border-radius, 20px);display:flex;align-items:flex-start;padding:1.25rem;z-index:1100;border:var(--dashboard-card-border, 2px solid var(--text-primary));gap:1.25rem}.popup-image{width:80px;height:auto;flex-shrink:0;margin-top:4px}.popup-close-button-chat-page{background-color:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--dashboard-card-border-radius, 20px);cursor:pointer;font-weight:500;transition:background-color .2s ease;font-size:.9rem}.popup-close-button-chat-page:hover{background-color:var(--primary-dark)}.popup-dismiss-button{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem}.popup-dismiss-button:hover{color:var(--text-primary)}.dark-theme .chat-header-chat{background-color:#1e293b;border-bottom-color:var(--border-color);box-shadow:0 2px 8px #0003}.dark-theme .chat-input-bar{background-color:var(--card-bg);border:2px solid var(--border-color)}.dark-theme .chat-super-button{color:var(--text-color-secondary)}.dark-theme .chat-super-button:hover{background-color:var(--hover-bg);color:var(--primary-color)}.dark-theme .chat-super-button.active{color:var(--primary-color);background-color:var(--accent-color-shaded)}.dark-theme .chat-super-button .tooltip{background-color:#e2e8f0f2;color:#0f172a}.dark-theme .chat-super-button .tooltip:before,.dark-theme .chat-super-button .tooltip:after{content:none;display:none}.dark-theme .super-model-popup{background-color:var(--bg-tertiary-dark);border-color:var(--bg-secondary-dark)!important}.dark-theme .popup-content-chat-page h4{color:var(--text-primary)}.dark-theme .popup-content-chat-page p{color:var(--text-secondary)}.dark-theme .popup-close-button-chat-page{background-color:var(--accent-color-dark);color:#fff;border-radius:var(--dashboard-card-border-radius, 20px)}.dark-theme .popup-close-button-chat-page:hover{background-color:var(--primary-dark)}.dark-theme .popup-dismiss-button{color:var(--text-secondary)}.dark-theme .popup-dismiss-button:hover{color:var(--text-primary)}.chat-messages-container{flex-grow:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-width:900px;width:100%;margin:0 auto}.chat-input-section{padding:.75rem 1.5rem;border-top:transparent!important;background-color:transparent!important;flex-shrink:0;position:sticky;bottom:0;left:0;right:0;opacity:1;z-index:10}.chat-input-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:#f8f9fa!important;border:2px solid var(--text-primary)!important;border-radius:20px;opacity:.95;font-size:16px}.chat-page-layout{display:flex;height:100vh}.chat-header-chat{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;position:sticky;border-bottom:none!important;background-color:transparent!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;flex-shrink:0;margin-top:0!important;border-radius:0 0 var(--dashboard-card-border-radius, 20px) var(--dashboard-card-border-radius, 20px);box-shadow:0 2px 8px #0000000d}.chat-header-left{display:flex;align-items:center}.chat-title h2{font-size:1.5rem;margin:0;color:var(--text-primary)}.chat-title p{font-size:.9rem;margin:0;color:var(--text-secondary)}.chat-header-actions{display:flex;gap:.75rem}.chat-header-actions button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--dashboard-card-border-radius, 20px);border:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-secondary, #fff);color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:var(--dashboard-card-transition, all .3s ease)}.chat-header-actions button:hover{background-color:var(--hover-bg, rgba(0,0,0,.05));transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){.chat-header-actions button{padding:.5rem;gap:0}.chat-header-actions button span{display:none}.chat-header-actions button svg{display:inline-block!important;margin:0}.file-preview-container{margin-left:-5rem!important}}.chat-header-actions .new-chat-button{background-color:#4f46e5!important;color:#fff;border-color:var(--primary-color, #4a6bfb)}.chat-header-actions .new-chat-button:hover{background-color:var(--primary-hover, #3a5be0)}.chat-input-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:2px solid var(--border-color);border-radius:var(--dashboard-card-border-radius, 20px);transition:var(--dashboard-card-transition, all .3s ease)}.chat-input-field{flex-grow:1;border:none;outline:none;padding:.5rem;font-size:1rem;resize:none;background-color:transparent;color:var(--text-primary)}.chat-input-bar button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--dashboard-card-border-radius, 20px)}.chat-input-bar button:hover{color:var(--primary-color, #4a6bfb)}.chat-send-button:disabled{color:var(--text-muted, #9CA3AF);cursor:not-allowed}@media (max-width: 768px){.chat-header-chat{padding:.75rem 1rem;width:100vw;top:0;left:0;position:fixed;z-index:990}.chat-messages-container{width:100%!important}.chat-content-area .hamburger-menu{margin-right:.5rem;color:var(--text-primary)}.chat-title h2{font-size:1.1rem}.chat-title p{display:none}.chat-header-actions{gap:.5rem}.chat-header-actions button{padding:.5rem;min-width:auto;width:36px;height:36px;border-radius:50%}.chat-header-actions button:hover{transform:none;box-shadow:none}.chat-header-actions button svg{margin:0}.chat-input-section{padding:.5rem 1rem;max-width:100%;margin-left:0;margin-right:0}.chat-messages-container{padding:1rem;padding-bottom:calc(var(--chat-input-section-height-mobile, 60px) + .5rem)}.message-content .markdown-content pre{padding:.6rem;font-size:.8rem}.code-block-wrapper .copy-code-button{font-size:.75rem;padding:.2rem .4rem}}@media (min-width: 769px){.chat-input-bar{max-width:60%;margin:0 auto}}.dashboard-sidebar{width:250px;background-color:#041137;color:#fff;height:100vh;position:fixed;left:0;top:0;transition:width .3s ease,padding .3s ease,transform .3s ease-in-out;z-index:100}.dashboard-sidebar.collapsed{width:70px}.dashboard-content.chat-content-area{flex:1;height:100vh;display:flex;flex-direction:column;overflow:hidden;margin-left:250px;padding:0;transition:margin-left .3s ease,filter .3s ease-in-out;background-color:transparent}.dashboard-content.chat-content-area.expanded{margin-left:70px}@media (max-width: 768px){.dashboard-content.chat-content-area{margin-left:0!important}.chat-header-chat .hamburger-menu{display:inline-flex}.hamburger-menu{color:var(--text-primary)!important}.theme-dark .hamburger-menu{color:var(--text-primary-dark)!important}.dashboard-sidebar.mobile-sidebar{position:fixed;top:0;left:0;height:100%;width:260px;z-index:1050;background-color:var(--sidebar-bg-color, #041137);color:#fff;padding-top:1rem;box-shadow:2px 0 10px #0000001a;transform:translate(-100%);transition:transform .3s ease-in-out;will-change:transform;font-family:DM Sans,Arial,sans-serif}.dashboard-sidebar.mobile-sidebar-closed{transform:translate(-100%)}.dashboard-sidebar.mobile-sidebar-open{transform:translate(0)}.dashboard-sidebar.mobile-sidebar-open .sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 2rem;border-bottom:1px solid rgba(255,255,255,.1);box-sizing:border-box}.dashboard-sidebar.mobile-sidebar-open .dashboard-logo{width:100px}.mobile-sidebar-close-button{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem}.dashboard-sidebar.mobile-sidebar-open .mobile-sidebar-close-button{display:block!important}.dashboard-sidebar.mobile-sidebar .sidebar-toggle{display:none!important}.dashboard-sidebar.mobile-sidebar-open .nav-item{padding:.875rem 1.5rem;justify-content:flex-start;box-sizing:border-box}.dashboard-sidebar.mobile-sidebar-open .nav-item span{display:inline}.dashboard-content.chat-content-area.content-blurred{filter:blur(4px);pointer-events:none}.message-avatar{display:none}}@media (min-width: 769px){.chat-content-area .hamburger-menu,.mobile-sidebar-close-button,.mobile-sidebar-backdrop{display:none!important}.dashboard-sidebar.mobile-sidebar .sidebar-toggle{display:flex!important}}.back-to-bottom-button{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:var(--dashboard-card-border-radius, 20px);border:var(--dashboard-card-border, 2px solid var(--text-primary));background-color:var(--bg-secondary, #fff);color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:500;box-shadow:var(--dashboard-card-shadow, 3px 3px 0px var(--primary-color));z-index:15;transition:var(--dashboard-card-transition, all .3s ease)}.back-to-bottom-button:hover{transform:translate(-50%,-50%) translateY(-5px) rotate(-.5deg) scale(1.05);box-shadow:var(--dashboard-card-hover-shadow, 6px 6px 0px var(--primary-hover));background-color:var(--hover-bg, rgba(0,0,0,.05))}.dark-theme .back-to-bottom-button{background-color:var(--bg-tertiary-dark, #334155);border-color:var(--border-color-dark, #475569);color:var(--text-primary-dark, #e2e8f0);box-shadow:0 2px 8px #00000040}.dark-theme .back-to-bottom-button:hover{transform:translate(-50%,-50%) translateY(-5px) rotate(-.5deg) scale(1.05);box-shadow:var(--dashboard-card-hover-shadow-dark, 6px 6px 0px var(--primary-hover-dark))}.file-preview-container{position:relative;left:20%;max-width:60%;margin-bottom:.75rem;padding:.5rem;background-color:var(--background-color-light);border-radius:var(--dashboard-card-border-radius, 20px);border:2px dashed var(--border-color)}.file-preview{position:relative;display:inline-block;max-width:100%}.file-preview img{max-width:150px;max-height:100px;border-radius:12px;display:block}.pdf-preview-input{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--card-background-color);border-radius:var(--dashboard-card-border-radius, 20px);color:var(--text-color-secondary);font-size:.9rem;border:1px solid var(--border-color)}.cancel-file-button:hover{background-color:red}.message-file-attachment{margin-bottom:.5rem;border-radius:var(--dashboard-card-border-radius, 20px);overflow:hidden;max-width:300px;border:1px solid var(--border-color)}.message-image-preview{display:block;max-width:100%;height:auto;cursor:pointer}.message-pdf-preview{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--background-color-light);border:1px solid var(--border-color);border-radius:var(--dashboard-card-border-radius, 20px);font-size:.9rem;color:var(--text-color-secondary)}.dark-theme .message-pdf-preview{border-color:var(--border-color-dark)!important}.message-pdf-preview span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease}.message-actions{display:flex;gap:.5rem;margin-top:.25rem;opacity:0;transition:opacity .2s ease-in-out;z-index:10;align-self:flex-end;padding-right:.5rem;padding-left:.5rem}.chat-message:hover .message-actions{opacity:1}.user-message .message-actions{align-self:flex-start}.message-actions.user-message-actions{justify-content:flex-end}.chat-suggestions-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;padding:0 1.5rem 1rem;max-width:900px;margin:0 auto}.suggestion-tile{padding:1rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:1rem;transition:background-color .2s ease,border-color .2s ease}.suggestion-tile:hover{border-color:var(--accent-color);background-color:var(--hover-bg, rgba(0,0,0,.02))}.dark-theme .suggestion-tile{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark)}.dark-theme .suggestion-tile:hover{border-color:var(--accent-color-dark);background-color:var(--hover-bg-dark, rgba(255,255,255,.05))}.suggestion-icon{flex-shrink:0;color:var(--accent-color);background-color:rgba(var(--accent-color-rgb, 79, 70, 229),.1);border-radius:50%;padding:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.dark-theme .suggestion-icon{color:var(--accent-color-dark);background-color:rgba(var(--accent-color-dark-rgb, 79, 70, 229),.15)}.suggestion-text h4{margin:0 0 .25rem;font-size:.9rem;font-weight:600;color:var(--text-primary)}.suggestion-text p{margin:0;font-size:.8rem;color:var(--text-secondary);font-style:normal;line-height:1.4}.dark-theme .suggestion-text h4{color:var(--text-primary-dark)}.dark-theme .suggestion-text p{color:var(--text-secondary-dark)}@media (max-width: 768px){.chat-suggestions-container{padding:0 1rem 1rem;grid-template-columns:1fr}}.welcome-title-container{display:flex;flex-direction:row;align-items:left;justify-content:left}.signature-ai-animation{width:35px;height:30px;margin-right:10px}.welcome-title{font-size:2.5rem;font-weight:700;color:var(--text-heading);margin-bottom:2.5rem;display:flex;flex-direction:row}.welcome-action-tile{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.theme-dark .welcome-action-tile{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark)}.welcome-action-tile:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d;border-color:var(--primary-color)}.theme-dark .welcome-action-tile:hover{box-shadow:0 10px 20px #0000001a;border-color:var(--accent-color-dark)}.welcome-action-tile.upload{color:#8b5cf6}.welcome-action-tile.paste{color:#ec4899}.welcome-action-tile.record{color:#10b981}.chat-input-section.initial{position:relative;width:100%;max-width:720px;margin:0 auto;padding:0;background-color:transparent;border:none;box-shadow:none}.chat-input-section.initial .chat-input-bar{border-radius:12px;padding:.5rem .5rem .5rem 1rem;box-shadow:0 5px 15px #00000014}.theme-dark .chat-input-section.initial .chat-input-bar{box-shadow:0 5px 15px #0003}@media (max-width: 768px){.welcome-title{font-size:2rem;margin-bottom:2rem}.welcome-actions-grid{grid-template-columns:1fr;gap:1rem}.chat-input-section.initial{width:95%!important;max-width:95%}}.chat-header-v2{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0;margin-top:0}.theme-dark .chat-header-v2{border-bottom-color:var(--border-color-dark)}.chat-header-left-v2 h2{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.theme-dark .chat-header-left-v2 h2{color:var(--text-primary-dark)}.chat-header-right-v2{display:flex;gap:.75rem}.header-action-btn{background-color:var(--bg-secondary);border:2px solid var(--tinted-border-color);color:var(--tinted-border-color);padding:.5rem 1rem;border-radius:15px;display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:.9rem;transition:all .2s ease}.theme-dark .header-action-btn{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.header-action-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.theme-dark .header-action-btn:hover{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark)}.header-action-btn.active{background-color:var(--primary-color-faded);border-color:var(--primary-color);color:var(--primary-color)}.theme-dark .header-action-btn.active{background-color:var(--accent-color-faded-dark);border-color:var(--accent-color-dark);color:var(--accent-color-dark)}.chat-header-chat,.chat-header-left,.chat-title,.chat-header-actions,.chat-header-actions button,.new-chat-button,.history-button{all:unset}@media (max-width: 768px){.chat-header-v2{padding:.75rem 1rem;position:sticky;margin-top:-70px}.chat-header-left-v2 h2{font-size:1.1rem}.header-action-btn span{display:none}.header-action-btn{padding:.6rem}}.chat-welcome-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;width:100%;max-width:800px;margin:auto;flex-grow:1}.welcome-title{font-size:2.5rem;font-weight:700;color:var(--text-heading);margin-bottom:2.5rem}.theme-dark .welcome-title{color:var(--text-heading-dark)}.welcome-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;margin-bottom:3rem}.welcome-tile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;color:var(--text-secondary)}.theme-dark .welcome-tile-header{color:var(--text-secondary-dark)}.popular-badge{background-color:#10b981;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:12px}.welcome-tile-body{text-align:left}.welcome-tile-body h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.theme-dark .welcome-tile-body h3{color:var(--text-primary-dark)}.welcome-tile-body p{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.theme-dark .welcome-tile-body p{color:var(--text-secondary-dark)}.chat-input-section.initial{position:relative;bottom:auto;width:100%;max-width:720px;margin:1.5rem auto 1rem;padding:0;background-color:transparent;border:none;box-shadow:none}.theme-dark .chat-input-section.initial{background:transparent}.chat-input-section.initial .chat-input-field{height:50px;font-size:1rem}@media (max-width: 768px){.welcome-title{font-size:2rem;margin-bottom:2rem}.welcome-actions-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.chat-input-section.initial{max-width:100%}.chat-messages-list{width:100%!important}}@media (max-width: 480px){.chat-messages-list{width:100%!important}.chat-messages-container{overflow-x:hidden}.chat-message.bot-message .message-content{width:113%!important}.chat-message.user-message .message-content{max-width:390px!important}.chat-header-meta{overflow:ellipsis;text-overflow:ellipsis}.active-space-pill{width:30%!important;overflow:hidden;text-overflow:ellipsis;margin-left:-30px;margin-right:10px}.chat-welcome-container{margin-top:1rem;margin-bottom:-5rem!important}.welcome-title{margin-bottom:1rem;margin-top:-3rem}.chat-input-section{width:100%!important;height:auto!important;padding:0!important;margin-bottom:0!important}.chat-input-section .chat-input-bar{width:100%!important;height:auto!important;font-size:20px!important;align-items:flex-end;border-radius:20px 20px 0 0!important}.chat-input-section .chat-input-field{max-width:100%!important}.chat-input-section.initial{min-height:10%!important;width:100%!important}.chat-input-section.initial .chat-input-bar{margin-top:-15px!important;padding-bottom:20px!important}.chat-input-bar textarea{font-size:1.1rem!important}.chat-super-button{display:none!important}.message-content .markdown-content p,.message-content .markdown-content ul,.message-content .markdown-content ol,.message-content .markdown-content blockquote{margin-bottom:.5em;line-height:1.7;font-size:1.1rem!important}.chat-history-panel .history-item p{font-size:1rem}.super-model-popup{display:flex;margin-left:20px}.file-preview-container-multiple{width:90%!important;margin-bottom:0!important;margin-left:20px!important;align-items:left!important;justify-content:left!important}.file-preview img{max-width:105px!important}.message-content .markdown-content{max-width:100%!important}.mermaid-wrapper{width:100%!important;padding:0!important}.mermaid-container svg{width:100%}.signature-ai-animation{display:none}.markdown-content pre{max-width:100%!important;overflow-x:auto!important}.markdown-content table{display:block;overflow-x:auto;width:100%;border-collapse:collapse}.markdown-content th,.markdown-content td{border:1px solid var(--border-color);padding:8px;text-align:left;white-space:nowrap}.dark-theme .markdown-content th,.dark-theme .markdown-content td{border-color:var(--border-color-dark)}.source-link{max-width:30%!important}}.chat-header-left-v2{display:flex;align-items:center;gap:1rem}.active-space-pill{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2);display:flex;align-items:center;gap:.5rem;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.chat-header-right-v2{display:flex;align-items:center;gap:.5rem}.chat-history-panel{position:fixed;top:0;right:0;width:100%;max-width:250px;height:100vh;background-color:var(--bg-secondary);border-left:1px solid var(--border-color);box-shadow:-2px 0 15px #0000001a;z-index:1000;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease-in-out}.chat-history-panel.show{transform:translate(0)}.history-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:none!important;flex-shrink:0}.history-item.in-active-space{border-left-width:3px;border-left-style:solid;border-left-color:var(--accent-color-light);transition:background-color .2s ease-in-out}.history-item.in-active-space:hover{filter:brightness(95%)}.dark-theme .history-item.in-active-space:hover{filter:brightness(115%)}.file-preview-container-multiple{max-width:900px;width:95%;margin:.5rem auto 0;padding:.75rem 0;display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;border-top:2px solid var(--text-tertiary)}.dark-theme .file-preview-container-multiple{border-top-color:var(--border-color-dark)}.add-more-files-button{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:12px;width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 4px #0000000d}.dark-theme .add-more-files-button{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.add-more-files-button:hover{border-color:var(--primary-color);color:var(--primary-color);transform:scale(1.05);box-shadow:0 4px 8px #0000001a}.dark-theme .add-more-files-button:hover{border-color:var(--accent-color-dark);color:var(--accent-color-dark);box-shadow:0 4px 8px #0003}.add-more-files-button:hover svg{transform:rotate(90deg)}.mobile-plus-button-container{position:relative;display:none}.mobile-plus-button{width:40px;height:40px;border-radius:50%;background-color:var(--bg-tertiary);color:var(--text-primary)!important;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #0003;z-index:5}.theme-dark .mobile-plus-button{background-color:var(--bg-tertiary-dark)}.mobile-plus-button.pro-active{background-image:linear-gradient(135deg,var(--washed-primary),var(--primary-color-shaded))}.mobile-plus-button.pro-active svg{color:var(--bg-m)!important}.theme-dark .mobile-plus-button.pro-active svg{color:var(--background-color)!important}.theme-dark .mobile-plus-button.pro-active{background-image:linear-gradient(60deg,var(--washed-primary) 5%,var(--accent-color-shaded) 95%);color:var(--background-color)!important}.mobile-plus-button.active{transform:rotate(45deg);background-color:var(--text-secondary)}.theme-dark .mobile-plus-button.active{background-color:var(--text-secondary-dark)}.mobile-options-menu{position:absolute;bottom:50px;left:0;background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 5px 15px #0000001a;padding:8px;display:flex;flex-direction:column;gap:8px;min-width:200px;border:1px solid var(--border-color);z-index:10}.theme-dark .mobile-options-menu{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);box-shadow:0 5px 15px #0000004d}.mobile-menu-option{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;background:none;border:none;cursor:pointer;color:var(--text-primary);font-size:.9rem!important;text-align:left;transition:background-color .2s ease;justify-content:left;align-items:left}.mobile-menu-option span{font-weight:600!important}.theme-dark .mobile-menu-option{color:var(--text-primary-dark);font-family:Inter,sans-serif!important}.mobile-menu-option:hover{background-color:var(--bg-tertiary)}.theme-dark .mobile-menu-option:hover{background-color:var(--bg-tertiary-dark)}.mobile-menu-option.active{color:var(--primary-color)}.mobile-menu-option:not(.active) span{color:var(--text-primary)}.theme-dark .mobile-menu-option:not(.active){color:var(--text-secondary-dark)}.theme-dark .mobile-menu-option.active{color:var(--accent-color-dark)}.popup-content-chat-page p{font-size:1rem;font-family:Inter,sans-serif;padding:.5rem;color:var(--text-secondary)}.theme-dark .popup-content-chat-page p{color:var(--text-secondary-dark)}@media (max-width: 600px){.desktop-input-buttons{display:none}.mobile-plus-button-container{display:block}.chat-input-field{margin-left:5px;margin-right:5px;max-width:none}.chat-send-button{margin-left:0}}@media (min-width: 601px){.desktop-input-buttons{display:flex;align-items:center;gap:8px}.mobile-plus-button-container{display:none}}.feedback-popup-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1100}.theme-dark .feedback-popup-modal{background-color:#0a0a0a99}.feedback-popup-content{background-color:var(--bg-secondary);border-radius:16px;padding:24px;width:90%;max-width:400px;box-shadow:0 8px 30px #0003;border:1px solid var(--border-color)}.feedback-popup-content textarea{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:12px;width:100%;height:100px;resize:none;font-size:1rem}.theme-dark .feedback-popup-content textarea{background-color:var(--bg-secondary-dark);border:1px solid var(--border-color-dark)}.mermaid-wrapper{background-color:var(--bg-primary);padding:1rem;border-radius:8px}.dark-theme .mermaid-wrapper{background-color:var(--bg-main-dark)}.mermaid-container{overflow:auto;padding:1rem;background-color:var(--bg-secondary);border-radius:8px;max-height:70vh;max-width:100%;text-align:center}.marmaid-container.node-default{width:10%!important;height:10%!important}.dark-theme .mermaid-container{background-color:var(--bg-secondary-dark)}.mermaid-container svg{max-width:none!important;height:auto;display:inline-block}.mermaid-error{color:var(--error-color);background-color:#dc26260d;border:1px solid var(--error-color);padding:1rem;border-radius:8px;font-family:Fira Code,monospace;white-space:pre-wrap;word-break:break-word}.dark-theme .mermaid-error{color:var(--error-color-dark);background-color:#f7707e0d;border-color:var(--error-color-dark)}.mermaid-loading{text-align:center;padding:2rem;color:var(--text-secondary);font-style:italic}.chat-input-field{resize:none;overflow-y:hidden}.loading-spinner{width:20px;height:20px;margin-top:15px!important;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.theme-dark .chat-send-button .loading-spinner{border-color:#fff3;border-top-color:#fffc}.dark-theme .message-sources-container{border-top-color:var(--border-color-dark)}.dark-theme .sources-title{color:var(--text-secondary-dark)}.source-link{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--bg-secondary);color:var(--text-secondary);padding:.35rem .75rem;border-radius:12px;font-size:.8rem;text-decoration:none;border:1px solid var(--border-color);transition:all .2s ease;max-width:250px;cursor:pointer;text-align:left}.dark-theme .source-link{background-color:var(--bg-secondary-dark);color:var(--text-secondary-dark);border-color:var(--border-color-dark)}.dark-theme .source-link:hover{background-color:var(--bg-tertiary-dark);color:var(--accent-color-dark);border-color:var(--accent-color-dark)}.source-favicon-wrapper{width:16px;height:16px;flex-shrink:0}.dark-theme .source-link:hover .source-link-icon{color:var(--accent-color-dark)}.dark-theme .citation-source{background-color:var(--border-color-dark);color:var(--text-primary-dark)!important;border:1px solid var(--border-color-dark)}.dark-theme .citation-source:hover{color:var(--primary-color)!important}.message-content .markdown-content p:last-child{margin-bottom:0}.message-actions.always-visible{opacity:1}.spaces-popup-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000}.spaces-popup-container{background-color:var(--bg-secondary);padding:0;margin:0 auto;color:var(--text-primary);border-radius:16px;width:80%;max-width:650px;height:480px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-color);box-shadow:0 10px 30px #0003}.theme-dark .spaces-popup-container{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);box-shadow:0 10px 30px #0000004d}.spaces-popup-header{display:flex;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);position:relative}.theme-dark .spaces-popup-header{border-bottom-color:var(--border-color-dark)}.spaces-popup-header h3{margin:0;font-size:1.25rem;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.spaces-popup-header .close-btn{margin-left:auto;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.spaces-popup-header .close-btn:hover{background-color:var(--bg-tertiary)}.theme-dark .spaces-popup-header .close-btn:hover{background-color:var(--bg-tertiary-dark)}.spaces-popup-header .back-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500;padding:.5rem;margin-left:-.5rem;border-radius:16px;transition:background-color .2s}.theme-dark .spaces-popup-header .back-btn{color:var(--text-secondary-dark);background-color:var(--bg-secondary-dark)}.spaces-popup-header .back-btn:hover{background-color:var(--bg-tertiary)}.theme-dark .spaces-popup-header .back-btn:hover{background-color:var(--bg-tertiary-dark)}.spaces-popup-content{margin-top:.5rem;margin-bottom:0;padding:1.5rem 1.5rem 2rem;overflow-y:auto;display:flex;flex-direction:column;gap:2rem;flex-grow:1}.create-space-section h4,.existing-spaces-section h4{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:var(--text-heading)}.create-space-form{display:flex;flex-direction:column;gap:1rem}.space-name-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:border-color .2s,box-shadow .2s}.theme-dark .space-name-input{background-color:var(--bg-primary-dark);border-color:var(--border-color-dark)}.space-name-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-light)}.theme-dark .space-name-input:focus{border-color:var(--primary-color-dark);box-shadow:0 0 0 3px var(--primary-color-light-dark)}.create-space-tip{margin-top:2.5rem;font-size:1rem;color:var(--text-secondary);margin-bottom:.5rem;text-align:center}.color-palette{display:flex;gap:.5rem;flex-wrap:wrap}.color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s,border-color .2s;display:flex;align-items:center;justify-content:center;color:#fff}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-secondary)}.create-space-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:15px;padding:.75rem 1rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s,transform .2s}.create-space-btn:hover{background-color:var(--primary-color-dark);transform:translateY(-1px)}.create-space-btn:disabled{background-color:var(--gray-400);cursor:not-allowed;transform:none}.spaces-list-wrapper{margin-left:-10px;margin-right:-10px;position:relative}.spaces-list-wrapper:after{content:"";position:absolute;right:0;top:0;bottom:0;width:50px;background:linear-gradient(to left,var(--bg-secondary) 20%,transparent);pointer-events:none;z-index:2}.spaces-list-container{display:flex;gap:1rem;overflow-x:auto;border-radius:10px;padding:1rem 0;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--bg-tertiary)}.theme-dark .spaces-list-wrapper:after{background:linear-gradient(to left,var(--bg-secondary-dark) 20%,transparent)}.theme-dark .spaces-list-container{scrollbar-color:var(--bg-hover-dark) var(--bg-tertiary-dark)}.spaces-list-container::-webkit-scrollbar{height:8px}.spaces-list-container::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:4px}.space-item-uncategorized{display:none}.space-item,.space-item-uncategorized{padding:.75rem 1.5rem;border-radius:20px;color:#fff;font-weight:500;border:none;cursor:pointer;transition:transform .2s,filter .2s;flex-shrink:0;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.space-item:hover{filter:brightness(1.1)}.space-item-uncategorized{background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.space-item-uncategorized:hover{background-color:var(--border-color);color:var(--text-primary)}.theme-dark .space-item-uncategorized{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark)}.theme-dark .space-item-uncategorized:hover{background-color:var(--border-color-dark);color:var(--text-primary-dark)}.no-spaces-message{color:var(--text-secondary);font-style:italic;padding:1rem;background-color:var(--bg-tertiary);border-radius:8px;text-align:center}.theme-dark .no-spaces-message{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark)}.dashed-card-button{width:100%;padding:2rem;border:2px dashed var(--border-color);border-radius:15px;background-color:var(--bg-tertiary);color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .2s ease-in-out;font-size:1.1rem;font-weight:600}.dashed-card-button.main{width:30%}.dashed-card-button:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:var(--primary-color-light-translucent);transform:translateY(-2px);box-shadow:0 4px 15px #0000000d}.theme-dark .dashed-card-button{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark)}.theme-dark .dashed-card-button:hover{background-color:var(--bg-tertiary-dark)}.existing-spaces-section{padding:15px;margin-top:2rem}.space-item-large{flex-shrink:0;width:220px;padding:2rem;font-size:1.2rem;font-weight:700;color:#fff;border:1px solid var(--text-secondary)!important;cursor:pointer;border-radius:20px;text-shadow:1px 1px 3px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;min-height:100px;background-image:linear-gradient(70deg,var(--bg-secondary) 1%,var(--space-color))}.theme-dark .space-item-large{border:1px solid linear-gradient(50deg,var(--bg-secondary-dark) 5%,var(--space-color));background-image:linear-gradient(50deg,var(--bg-secondary-dark) 5%,var(--space-color))}.space-item-large.uncategorized{display:none}.space-item-large.uncategorized{background-color:transparent;border:2px dashed var(--border-color);color:var(--text-secondary);text-shadow:none}.space-item-large.uncategorized:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:var(--primary-color-light-translucent)}.create-space-view{max-width:400px;margin:2rem auto}.space-detail-view{display:flex;height:100%;gap:2rem}.space-detail-header{display:flex;align-items:center;justify-content:center;gap:1rem;position:relative}.space-options-wrapper{position:relative}.space-options-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.space-options-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.theme-dark .space-options-btn{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark)}.space-options-menu{position:absolute;top:110%;right:0;background-color:var(--warning-color);border:1px solid var(--border-color);border-radius:8px;padding:.5rem;box-shadow:0 4px 12px #0000001a;z-index:10;width:max-content;color:var(--text-primary)}.theme-dark .space-options-menu{background-color:var(--warning-color-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.space-options-menu button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--danger-color);cursor:pointer;border-radius:6px;font-weight:500;text-align:left;transition:background-color .2s}.space-options-menu button:hover{background-color:var(--danger-color-translucent)}.detail-left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding-right:2rem;border-right:1px solid var(--border-color)}.theme-dark .detail-left{border-right-color:var(--border-color-dark)}.space-detail-title{font-size:4rem;font-weight:900;line-height:1.1;text-align:center;text-shadow:-1.5px -1.5px 0 var(--text-secondary),1.5px -1.5px 0 var(--text-secondary),-1.5px 1.5px 0 var(--text-secondary),1.5px 1.5px 0 var(--text-secondary),4px 4px 8px rgba(0,0,0,.2)}.theme-dark .space-detail-title{font-size:4rem;font-weight:900;line-height:1.1;text-align:center;text-shadow:-1.5px -1.5px 0 #000,1.5px -1.5px 0 #000,-1.5px 1.5px 0 #000,1.5px 1.5px 0 #000,4px 4px 8px rgba(0,0,0,.2)}.detail-left .start-new-chat{width:100%}.detail-right{flex:1;display:flex;flex-direction:column}.detail-right h4{margin-top:0;margin-bottom:1rem;text-align:center}.space-chat-list{overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;gap:.5rem;padding-right:.5rem}.space-chat-item{width:100%;padding:.75rem 1rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;text-align:left;color:var(--text-primary);cursor:pointer;transition:background-color .2s,border-color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-dark .space-chat-item{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark)}.space-chat-item:hover{background-color:var(--bg-hover);border-color:var(--primary-color)}@media (max-width: 768px){.space-detail-view{flex-direction:column;gap:1rem}.detail-left{flex:0;padding:1rem 0;border-right:none;border-bottom:1px solid var(--border-color)}.space-detail-title{font-size:2.5rem}.detail-left .start-new-chat{padding:1rem}.detail-right{flex:1;padding-bottom:1rem}}@media (max-width: 480px){.dashed-card-button.main{width:70%;margin-left:15%}.spaces-popup-container{height:480px;width:95%}.spaces-list-container{box-shadow:0 0 10px #0000001a}.theme-dark .spaces-list-container{border-left-color:var(--border-color-dark);border-right-color:var(--border-color-dark)}}.feature-popup-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000}.feature-popup-container{background-color:var(--bg-secondary);color:var(--text-primary);border-radius:24px;width:90%;max-width:480px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-color);box-shadow:0 10px 30px #0003;position:relative}.theme-dark .feature-popup-container{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark)}.feature-popup-close-btn{position:absolute;top:12px;right:12px;background:#0000001a;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s;z-index:10}.feature-popup-close-btn:hover{background-color:#0003;color:var(--text-primary)}.feature-popup-image{width:100%;height:auto;object-fit:cover;border-bottom:1px solid var(--border-color)}.theme-dark .feature-popup-image{border-bottom-color:var(--border-color-dark)}.feature-popup-content{padding:1.5rem 2rem 2rem;text-align:center;display:flex;flex-direction:column;gap:1rem}.feature-popup-content h2{margin:0;font-size:1.75rem;font-weight:700}.feature-popup-content p{margin:0;font-size:1.1rem;line-height:1.6;color:var(--text-secondary)}.feature-popup-content strong{color:var(--text-primary);font-weight:600}.feature-popup-content .icon-inline{display:inline-block;vertical-align:sub;margin:0 4px}.feature-popup-actions{display:flex;gap:12px;margin-top:1.5rem}.feature-popup-action-btn{flex-grow:1;padding:12px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease-in-out}.feature-popup-action-btn.primary{background-color:var(--primary-color);color:#fff}.feature-popup-action-btn.primary:hover{background-color:var(--primary-color-dark);transform:translateY(-2px)}.dark-theme .feature-popup-action-btn.primary{background-color:var(--accent-color-dark)}.dark-theme .feature-popup-action-btn.primary:hover{background-color:var(--accent-color-hover-dark)}.feature-popup-action-btn.secondary{background-color:var(--button-secondary-bg);color:var(--text-primary);border:1px solid var(--border-color)}.feature-popup-action-btn.secondary:hover{background-color:var(--button-secondary-hover-bg);transform:translateY(-2px)}.dark-theme .feature-popup-action-btn.secondary{background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark);border:1px solid var(--border-color-dark)}.dark-theme .feature-popup-action-btn.secondary:hover{background-color:var(--button-secondary-hover-bg-dark)}.thinking-accordion{width:100%;margin-bottom:8px}.thinking-accordion.has-thoughts .thinking-accordion-header{cursor:pointer}.thinking-accordion-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:.8rem;color:var(--text-secondary);width:100%;text-align:left}.thinking-status{display:flex;align-items:center;gap:.5rem;font-weight:500}.thinking-lottie{flex-shrink:0}.accordion-chevron{transition:transform .3s ease;color:var(--text-muted)}.thinking-accordion-content{overflow:hidden;padding:0 1rem 1rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.thinking-accordion-content .markdown-content{max-width:100%}.dark-theme .thinking-accordion-header{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.thinking-accordion-header:hover{background-color:var(--hover-bg)}.dark-theme .thinking-accordion-header:hover{background-color:var(--border-color-dark)}.thinking-accordion-content{overflow:hidden;background-color:#00000005;border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;padding:15px;color:var(--secondary-text-color)!important}.dark-theme .thinking-accordion-content{background-color:#ffffff08;border-color:var(--border-color-dark)}.thinking-accordion-content .markdown-content{padding:12px 16px;font-size:.9rem;opacity:.8}.thinking-accordion-content .prose{background-color:transparent!important}.quiz-redirect-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1999}.quiz-redirect-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:550px;background-color:var(--bg-primary);border-radius:24px;box-shadow:0 15px 30px #0003;z-index:2000;border:1px solid var(--border-color);display:flex;flex-direction:column}.theme-dark .quiz-redirect-modal{border-color:var(--border-color-dark)}.redirect-modal-header{padding:1.5rem 1.5rem .5rem;display:flex;justify-content:space-between;align-items:flex-start}.redirect-modal-icon-wrapper{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--primary-color),var(--funky-accent-three));color:#fff;box-shadow:0 4px 12px #4a6bfb4d;margin-top:-40px}.theme-dark .redirect-modal-icon-wrapper{background:linear-gradient(145deg,var(--accent-color-dark),var(--funky-accent-one));box-shadow:0 4px 12px #8990ca33}.redirect-modal-close-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.theme-dark .redirect-modal-close-btn{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.redirect-modal-close-btn:hover{background-color:var(--hover-bg);border-color:var(--text-primary);color:var(--text-primary);transform:rotate(90deg)}.theme-dark .redirect-modal-close-btn:hover{background-color:var(--hover-bg-dark);border-color:var(--text-primary-dark);color:var(--text-primary-dark)}.redirect-modal-content{padding:1rem 2rem 1.5rem;text-align:center}.redirect-modal-content h2{font-size:1.75rem;font-weight:700;color:var(--text-heading);margin-bottom:1rem}.theme-dark .redirect-modal-content h2{color:var(--text-heading-dark)}.redirect-modal-content p{font-size:1rem;line-height:1.6;color:var(--text-secondary);max-width:400px;margin:0 auto}.theme-dark .redirect-modal-content p{color:var(--text-secondary-dark)}.redirect-modal-footer{padding:1.5rem 2rem;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom-left-radius:24px;border-bottom-right-radius:24px}.theme-dark .redirect-modal-footer{background-color:var(--bg-primary-dark);border-top-color:transparent}.redirect-modal-action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.8rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;background:var(--primary-color);color:#fff;transition:all .2s ease;box-shadow:0 4px 15px #4a6bfb40}.theme-dark .redirect-modal-action-btn{background:var(--accent-color-dark);box-shadow:0 4px 15px #8990ca33}.redirect-modal-action-btn:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 6px 20px #4a6bfb59}.theme-dark .redirect-modal-action-btn:hover{box-shadow:0 6px 20px #8990ca4d}.redirect-modal-action-btn svg{transition:transform .2s ease}.redirect-modal-action-btn:hover svg{transform:translate(3px)}@media (max-width: 600px){.redirect-modal-content h2{font-size:1.5rem}.redirect-modal-content p{font-size:.95rem}.redirect-modal-header{padding:1rem 1rem 0}.redirect-modal-content{padding:.5rem 1.5rem 1.5rem}.redirect-modal-footer{padding:1rem 1.5rem}}.link-text-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0c0d0f66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2999;display:flex;align-items:center;justify-content:center}.link-text-modal{width:90%;max-width:580px;background-color:var(--bg-primary-dark);border-radius:16px;box-shadow:0 20px 40px -10px #0006;border:1px solid var(--border-color-dark);display:flex;flex-direction:column;overflow:hidden}.theme-light .link-text-modal{background-color:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 20px 40px -10px #0000001a}.link-text-modal-header{padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color-dark)}.theme-light .link-text-modal-header{border-bottom-color:var(--border-color)}.link-text-modal-header .header-content{display:flex;align-items:center;gap:.75rem;color:var(--text-heading-dark)}.theme-light .link-text-modal-header .header-content{color:var(--text-heading)}.link-text-modal-header h3{font-size:1.1rem;font-weight:600;margin:0}.link-text-modal-header .close-button{background:none;border:none;color:var(--text-secondary-dark);cursor:pointer;padding:.25rem;border-radius:50%;display:flex;transition:background-color .2s}.link-text-modal-header .close-button:hover{background-color:var(--bg-tertiary-dark)}.theme-light .link-text-modal-header .close-button{color:var(--text-secondary)}.theme-light .link-text-modal-header .close-button:hover{background-color:var(--bg-tertiary)}.link-text-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group .header-content{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.input-group label{font-size:.9rem;font-weight:500;color:var(--text-primary-dark)}.theme-light .input-group label{color:var(--text-primary)}.input-group .input-description{font-size:.85rem;color:var(--text-secondary-dark);margin:-.25rem 0 .25rem}.theme-light .input-group .input-description{color:var(--text-secondary)}.modal-input,.modal-textarea{width:100%;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color-dark);background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark);font-size:1rem;transition:all .2s}.theme-light .modal-input,.theme-light .modal-textarea{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.modal-input::placeholder,.modal-textarea::placeholder{color:var(--text-muted-dark)}.theme-light .modal-input::placeholder,.theme-light .modal-textarea::placeholder{color:var(--text-muted)}.modal-input:focus,.modal-textarea:focus{outline:none;border-color:var(--accent-color-dark);box-shadow:0 0 0 3px var(--accent-shadow-color-dark)}.theme-light .modal-input:focus,.theme-light .modal-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-shadow-color)}.modal-textarea{resize:vertical;min-height:120px;font-family:inherit}.separator{text-align:center;color:var(--text-secondary-dark);font-size:.9rem;font-weight:500;position:relative}.theme-light .separator{color:var(--text-secondary)}.separator:before,.separator:after{content:"";position:absolute;top:50%;width:calc(50% - 2rem);height:1px;background-color:var(--border-color-dark)}.theme-light .separator:before,.theme-light .separator:after{background-color:var(--border-color)}.separator:before{left:0}.separator:after{right:0}.link-text-modal-footer{padding:1rem 1.5rem;display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid var(--border-color-dark)}.theme-light .link-text-modal-footer{border-top-color:var(--border-color);background-color:#f9fafb;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.modal-button{padding:.6rem 1.25rem;border-radius:8px;border:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.modal-button.cancel{background-color:var(--bg-secondary-dark);color:var(--text-primary-dark);border:1px solid var(--border-color-dark)}.modal-button.cancel:hover{background-color:var(--bg-tertiary-dark)}.theme-light .modal-button.cancel{background-color:#fff;color:var(--text-heading);border:1px solid var(--border-color)}.theme-light .modal-button.cancel:hover{background-color:var(--bg-tertiary)}.modal-button.add{background-color:#fff;color:#111}.modal-button.add:hover:not(:disabled){background-color:#e5e5e5}.theme-light .modal-button.add{background-color:#111;color:#fff}.theme-light .modal-button.add:hover:not(:disabled){background-color:#333}.modal-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.link-text-modal{height:60vh;width:90vw;border-radius:20px;max-width:100%}.link-text-modal-body{flex-grow:1}}.citation-preview-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1200;display:flex;align-items:center;justify-content:center}.citation-preview-panel{background-color:var(--bg-primary);box-shadow:0 8px 30px #00000026;width:100%;border:1px solid var(--border-color);overflow:hidden;display:flex;flex-direction:column}.citation-preview-panel.desktop{border-radius:16px;max-width:450px;height:auto}.citation-preview-panel.mobile{position:absolute;bottom:0;left:0;right:0;height:auto;max-height:50vh;border-radius:24px 24px 0 0;border:1px solid var(--border-color);padding-top:12px}.citation-preview-panel.mobile:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background-color:var(--border-color);border-radius:2px}.citation-preview-panel.dark-theme{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark)}.citation-preview-panel.dark-theme.mobile:before{background-color:var(--border-color-dark)}.citation-preview-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.citation-preview-panel.mobile .citation-preview-header{padding-top:.75rem}.dark-theme .citation-preview-header{border-bottom-color:var(--border-color-dark)}.citation-header-title{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text-secondary)}.dark-theme .citation-header-title{color:var(--text-secondary-dark)}.citation-close-btn{background:none;border:none;padding:.25rem;color:var(--text-secondary);cursor:pointer;border-radius:50%;display:flex;transition:background-color .2s}.citation-close-btn:hover{background-color:var(--bg-tertiary)}.dark-theme .citation-close-btn{color:var(--text-secondary-dark)}.dark-theme .citation-close-btn:hover{background-color:var(--bg-tertiary-dark)}.citation-preview-body{padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center;flex-grow:1}.citation-site-info{display:flex;flex-direction:column;align-items:center;gap:1rem}.site-favicon,.favicon-fallback{width:64px;height:64px;border-radius:12px;flex-shrink:0;background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.site-favicon-wrapper{width:64px;height:64px;flex-shrink:0}.dark-theme .site-favicon,.dark-theme .favicon-fallback{background-color:var(--bg-tertiary-dark)}.favicon-fallback{color:var(--text-muted)}.dark-theme .favicon-fallback{color:var(--text-muted-dark)}.site-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-heading);line-height:1.3}.dark-theme .site-title{color:var(--text-heading-dark)}.site-url{margin:.25rem 0 0;font-size:.9rem;color:var(--text-secondary)}.dark-theme .site-url{color:var(--text-secondary-dark)}.visit-site-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background-color:var(--primary-color);color:var(--button-primary-text);border:none;border-radius:12px;text-decoration:none;font-weight:600;font-size:1rem;transition:filter .2s}.visit-site-btn:hover{filter:brightness(1.1)}.dark-theme .visit-site-btn{background-color:var(--accent-color-dark)}.citation-source{cursor:pointer;color:var(--primary-color);font-weight:600;display:inline-flex;align-items:center;gap:2px;transition:color .2s}.citation-source:hover{text-decoration:underline;color:var(--primary-hover)}.dark-theme .citation-source{color:var(--accent-color-dark)}.dark-theme .citation-source:hover{color:var(--accent-color-hover-dark)}.citation-source sup{line-height:1}.citation-icon{vertical-align:middle}.favicon-image{width:100%;height:100%;object-fit:contain;border-radius:4px}.favicon-fallback-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary);color:var(--text-muted);border-radius:4px}.dark-theme .favicon-fallback-wrapper{background-color:var(--bg-tertiary-dark);color:var(--text-muted-dark)}.first-chat-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--background-color-rgb, 0, 0, 0),.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10001;display:flex;align-items:center;justify-content:center;padding:1rem}.theme-dark .first-chat-popup-overlay{background-color:rgba(var(--bg-primary-dark),.5)}.first-chat-popup-content{background-color:var(--bg-secondary);color:var(--text-primary);border-radius:24px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:480px;padding:2.5rem 2rem;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.theme-dark .first-chat-popup-content{background-color:var(--bg-secondary-dark);color:var(--text-primary-dark)}.first-chat-popup-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-muted);cursor:pointer;transition:color .2s}.first-chat-popup-close:hover{color:var(--text-primary)}.theme-dark .first-chat-popup-close:hover{color:var(--text-primary-dark)}.first-chat-lottie{width:100%;max-width:280px;height:auto;margin:-2rem 0 -1rem}.first-chat-popup-content h2{font-size:1.75rem;font-weight:700;color:var(--text-heading);margin:0}.theme-dark .first-chat-popup-content h2{color:var(--text-heading-dark)}.first-chat-popup-content p{font-size:1.05rem;line-height:1.6;color:var(--text-secondary);margin:0;max-width:95%}.theme-dark .first-chat-popup-content p{color:var(--text-secondary-dark)}.first-chat-popup-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:12px;padding:.8rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.5rem;transition:all .2s ease-in-out;width:100%}.first-chat-popup-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 15px rgba(var(--primary-color-rgb, 79, 70, 229),.2)}.first-chat-popup-content.step2{max-width:720px;padding:0;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:0;align-items:stretch}.step2-image-container{background-color:var(--bg-tertiary);padding:2rem;display:flex;align-items:center;justify-content:center}.theme-dark .step2-image-container{background-color:var(--bg-secondary-dark)}.step2-image-container img{width:100%;height:auto;object-fit:contain;border-radius:12px}.step2-text-content{padding:2.5rem;display:flex;flex-direction:column;justify-content:center;gap:1.25rem}@media (max-width: 768px){.first-chat-popup-content.step2{grid-template-columns:1fr;max-width:480px;padding:2.5rem 2rem}.step2-image-container{padding:0;margin-bottom:1rem;background-color:transparent}.theme-dark .step2-image-container{background-color:transparent}.step2-text-content{padding:0;text-align:center;align-items:center}}:root{--success-color: #28a745;--success-color-light: #d4edda;--success-color-dark: #155724;--danger-color: #dc3545;--danger-color-light: #f8d7da;--danger-color-dark: #721c24;--danger-background-light: rgba(220, 53, 69, .1);--primary-color-xlight: rgba(var(--primary-color-rgb, 79, 70, 229), .1);--card-background-color: #ffffff;--background-color: #f8f9fa;--text-color-primary: #212529;--text-color-secondary: #6c757d;--text-color-tertiary: #adb5bd;--border-color: #dee2e6;--border-color-light: #e9ecef;--hover-background-color: #e9ecef;--input-background-color: #fff}.dark-theme{--card-background-color: #1e293b;--background-color: #0f172a;--text-color-primary: #f8f9fa;--text-color-secondary: #adb5bd;--text-color-tertiary: #6c757d;--border-color: #334155;--border-color-light: #475569;--hover-background-color: #334155;--input-background-color: #1e293b;--success-color-light: rgba(40, 167, 69, .2);--success-color-dark: #d4edda;--danger-color-light: rgba(220, 53, 69, .15);--danger-color-dark: #f8d7da;--danger-background-light: rgba(220, 53, 69, .2);--primary-color-xlight: rgba(var(--primary-dark-rgb, 99, 102, 241), .15)}.quiz-page .dashboard-content{display:flex;flex-direction:column}.quiz-main-area{flex-grow:1;padding:2rem;display:flex;flex-direction:column;align-items:center;background-color:var(--background-color);border-radius:12px;margin:1rem;box-shadow:0 4px 12px #0000000d;overflow-y:auto}.dark-theme .quiz-main-area{background-image:linear-gradient(135deg,var(--bg-primary-dark),var(--bg-secondary-dark));box-shadow:0 4px 12px #0003}.quiz-button{background-color:var(--card-background-color);border:1px solid var(--border-color);color:var(--text-color-primary);border-radius:20px!important}.quiz-button:hover{background-color:var(--primary-color-light);color:var(--primary-color)}.dark-theme .quiz-button{background-color:var(--bg-secondary-dark)!important;border-color:var(--border-color-dark)!important}.dark-theme .quiz-button:hover{background-color:var(--bg-tertiary-dark)!important;border-color:var(--text-muted-dark)!important}.quiz-upload-section{text-align:center;padding:3rem;border:2px dashed var(--border-color);border-radius:12px;background-color:var(--card-background-color);width:100%;max-width:600px;margin:auto}.dark-theme .quiz-upload-section,.dark-theme .quiz-type-selection,.dark-theme .quiz-question-container,.dark-theme .quiz-feedback-section{background-color:var(--card-background-color-dark);border-color:var(--border-color-dark);color:var(--text-color-primary-dark)}.quiz-upload-section h2{margin-bottom:.5rem;color:var(--text-color-primary)}.quiz-upload-section p{margin-bottom:1.5rem;color:var(--text-color-secondary)}.dark-theme .quiz-upload-section h2,.dark-theme .quiz-processing-section h2,.dark-theme .quiz-type-selection h2,.dark-theme .quiz-results-section h2{color:var(--text-primary-dark)}.dark-theme .quiz-upload-section p,.dark-theme .quiz-processing-section p,.dark-theme .quiz-type-selection p,.dark-theme .quiz-results-section p{color:var(--text-secondary-dark)}.upload-button{background-color:var(--primary-color);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .2s ease}.dark-theme .upload-button{background-color:var(--accent-color-dark);color:var(--text-heading-dark)}.upload-button:hover{background-color:var(--primary-color-dark)}.dark-theme .upload-button:hover{background-color:var(--accent-color-hover-dark)}.quiz-processing-section{text-align:center;padding:3rem;width:100%;max-width:600px;margin:auto}.quiz-processing-section h2{margin-top:1rem;margin-bottom:.5rem;color:var(--text-color-primary)}.quiz-processing-section p{color:var(--text-color-secondary)}.spin-icon{animation:spin 1.5s linear infinite;color:var(--primary-color)}.quiz-type-selection{text-align:center;padding:2rem;width:100%;max-width:600px;margin:auto}.quiz-type-selection h2{margin-bottom:.5rem;color:var(--text-color-primary)}.quiz-type-selection p{margin-bottom:1.5rem;color:var(--text-color-secondary)}.type-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.type-buttons button{background-color:var(--card-background-color);border:1px solid var(--border-color);color:var(--text-color-primary);padding:1rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .2s ease;min-width:150px;flex-basis:150px;flex-grow:1;max-width:200px}.dark-theme .type-buttons button{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.type-buttons button:hover{border-color:var(--primary-color);background-color:var(--primary-color-light);color:var(--primary-color)}.dark-theme .type-buttons button:hover{border-color:var(--accent-color-dark);background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark)}.cancel-button{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:.9rem;margin-top:1rem}.cancel-button.quiz-back-button{background-color:var(--bg-secondary);color:var(--text-color-primary);border:1px solid var(--border-color);border-radius:30px;padding:.6rem;text-decoration:none!important}.back-button.quiz-back-button{background-color:var(--bg-secondary);color:var(--text-color-primary);border:1px solid var(--border-color);border-radius:30px}.dark-theme .back-button.quiz-back-button{background-color:var(--bg-secondary-dark);color:var(--text-color-primary-dark);border:1px solid var(--border-color-dark)}@media (max-width: 480px){.cancel-button.quiz-back-button{width:50%;justify-content:center;margin-top:-30px}.quiz-type-selection{width:100%;margin-top:10px}.back-button.quiz-back-button{border-radius:30px}.quiz-results-section{width:110%!important;margin-left:-5%!important}}.dark-theme .cancel-button{color:var(--text-secondary-dark)}.cancel-button:hover{text-decoration:underline}.dark-theme .cancel-button:hover{color:var(--text-primary-dark)}.additional-settings-container{display:flex;justify-content:center;margin-top:1rem;width:100%}.settings-button{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color-secondary);padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease}.dark-theme .settings-button{border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.settings-button:hover{background-color:var(--hover-background-color);color:var(--text-color-primary);border-color:var(--border-color-light)}.dark-theme .settings-button:hover{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark);border-color:var(--border-color-dark)}.quiz-active-section{width:100%;max-width:700px;display:flex;flex-direction:column;gap:1.5rem;margin:auto}.quiz-active-section h2{text-align:center;color:var(--text-color-secondary);font-size:1rem;font-weight:500}.quiz-question-container{background-color:var(--card-background-color);padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000000d}.question-text{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;line-height:1.6;color:var(--text-color-primary)}.mcq-options{display:flex;flex-direction:column;gap:.75rem}.mcq-option{background-color:var(--background-color);border:1px solid var(--border-color);padding:.8rem 1rem;border-radius:8px;text-align:left;cursor:pointer;transition:all .2s ease;color:var(--text-color-primary);display:flex;align-items:baseline;gap:.5em}.dark-theme .mcq-option{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.mcq-option:hover{border-color:var(--primary-color-light);background-color:var(--hover-background-color)}.dark-theme .mcq-option:hover{border-color:var(--accent-color-dark);background-color:var(--hover-bg-dark)}.mcq-option.selected{border-color:var(--primary-color);background-color:var(--primary-color-light);color:var(--primary-color);font-weight:600}.dark-theme .mcq-option.selected{border-color:var(--accent-color-dark);background-color:rgba(var(--accent-color-rgb-dark),.2);color:var(--accent-color-dark)}.mcq-option-letter{font-weight:600;white-space:nowrap}.mcq-option-text{flex-grow:1}.mcq-option-text .markdown-content{display:inline}.mcq-option-text .markdown-content>p{margin:0;display:inline}.mcq-option-text .katex{display:inline-block;vertical-align:baseline}.theory-answer-input{width:100%;min-height:150px;padding:1rem;border-radius:8px;border:1px solid var(--border-color);font-size:1rem;resize:vertical;background-color:var(--input-background-color);color:var(--text-color-primary)}.dark-theme .theory-answer-input{background-color:var(--input-bg-dark);border-color:var(--border-border-dark);color:var(--input-text-dark)}.quiz-navigation{display:flex;justify-content:space-between;margin-top:1rem;flex-wrap:wrap;gap:.5rem}.quiz-navigation button{padding:.7rem 1.5rem;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:background-color .2s ease;flex-grow:1;min-width:120px}.finish-button{background-color:var(--secondary-button-background);color:var(--secondary-button-text)}.dark-theme .finish-button{background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark)}.finish-button:hover{background-color:var(--secondary-button-hover-background)}.dark-theme .finish-button:hover{background-color:var(--button-secondary-hover-bg-dark)}.next-button,.submit-button,.next-set-button{background-color:var(--primary-color);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:.3rem}.dark-theme .next-button,.dark-theme .submit-button,.dark-theme .next-set-button{background-color:var(--accent-color-dark);color:var(--text-heading-dark)}.next-button:hover,.submit-button:hover,.next-set-button:hover{background-color:var(--primary-color-dark)}.dark-theme .next-button:hover,.dark-theme .submit-button:hover,.dark-theme .next-set-button:hover{background-color:var(--accent-color-hover-dark)}.next-button:disabled,.submit-button:disabled,.next-set-button:disabled{background-color:#ccc;cursor:not-allowed}.dark-theme .next-button:disabled,.dark-theme .submit-button:disabled,.dark-theme .next-set-button:disabled{background-color:var(--button-secondary-bg-dark);color:var(--text-muted-dark);cursor:not-allowed}.quiz-results-section{text-align:center;padding:2rem;width:100%;max-width:700px;margin:auto}.quiz-results-section h2{margin-bottom:1rem;color:var(--text-color-primary)}.score-display{font-size:1.5rem;margin-bottom:2rem;color:var(--text-color-secondary)}.score-display strong{font-size:2rem;color:var(--primary-color)}.quiz-review-section{margin-top:2rem;margin-bottom:1.5rem;border:1px solid var(--border-color);border-radius:12px;background-color:var(--background-color);max-height:400px;overflow-y:auto;padding:1rem;text-align:left}.quiz-review-section h3{text-align:center;margin-top:.5rem;margin-bottom:1.5rem;color:var(--text-color-primary);font-weight:600}.review-item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color-light)}.dark-theme .review-item{border-bottom-color:var(--border-color-dark)}.review-item:last-child{margin-bottom:0;padding-bottom:.5rem;border-bottom:none}.review-question-text{font-weight:500;margin-bottom:1rem;color:var(--text-color-primary);line-height:1.5}.dark-theme .review-question-text{color:var(--text-primary-dark)}.review-question-text strong{margin-right:.5em}.review-options{display:flex;flex-direction:column;gap:.5rem}.review-option{padding:.6rem 1rem;border-radius:6px;border:1px solid transparent;background-color:var(--card-background-color);color:var(--text-color-secondary);display:flex;align-items:baseline;gap:.5em;justify-content:flex-start;font-size:.95rem}.dark-theme .review-option{background-color:var(--bg-secondary-dark);color:var(--text-secondary-dark)}.review-option.user-choice{border-color:var(--primary-color-light);background-color:var(--primary-color-xlight);color:var(--text-color-primary)}.dark-theme .review-option.user-choice{border-color:var(--accent-color-dark);background-color:rgba(var(--accent-color-rgb-dark),.15);color:var(--text-primary-dark)}.review-option.correct-choice{border-color:var(--success-color-light);color:var(--success-color-dark);font-weight:600}.dark-theme .review-option.correct-choice{border-color:#4caf504d;color:#4ade80;background-color:#4caf501a}.review-option.user-incorrect{border-color:var(--danger-color-light);background-color:var(--danger-background-light);color:var(--danger-color-dark)}.dark-theme .review-option.user-incorrect{border-color:#dc26264d;background-color:#dc26261a;color:#dc2626}.review-option .correct-icon{color:var(--success-color);margin-left:.5rem}.review-option .incorrect-icon{color:var(--danger-color);margin-left:.5rem}.review-option-letter{font-weight:600;flex-shrink:0;white-space:nowrap}.review-option-text{flex-grow:1}.review-option-text .markdown-content{display:inline}.review-option-text .markdown-content>p{margin:0;display:inline}.review-option-text .katex{display:inline-block;vertical-align:baseline}.review-no-answer{font-style:italic;color:var(--text-color-secondary);margin-top:.5rem;font-size:.9rem}.dark-theme .review-no-answer{color:var(--text-muted-dark)}.results-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;gap:1rem;flex-wrap:wrap}.results-navigation button{flex-grow:1;min-width:130px}.review-button{background-color:var(--secondary-button-background);color:var(--secondary-button-text);padding:.7rem 1.5rem;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:background-color .2s ease}.dark-theme .review-button{background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark)}.review-button:hover{background-color:var(--secondary-button-hover-background)}.dark-theme .review-button:hover{background-color:var(--button-secondary-hover-bg-dark)}.review-button:disabled{opacity:.6;cursor:not-allowed}.dark-theme .review-button:disabled{background-color:var(--button-secondary-bg-dark);color:var(--text-muted-dark);cursor:not-allowed}.quiz-feedback-section{margin-top:2rem;margin-bottom:2rem;padding:1.5rem;background-color:var(--card-background-color);border-radius:12px;border:1px solid var(--border-color);text-align:left}.quiz-feedback-section h3{margin-top:0;margin-bottom:1rem;color:var(--text-color-primary);font-size:1.1rem;font-weight:600}.feedback-loading{display:flex;align-items:center;gap:.5rem;color:var(--text-color-secondary);font-style:italic}.feedback-text{color:var(--text-color-secondary);line-height:1.6;white-space:pre-wrap}.quiz-error-message{color:var(--danger-color);background-color:var(--danger-background-light);padding:1rem;border-radius:8px;margin-top:1rem;text-align:center}.dashboard-header .user-avatar{overflow:hidden}.header-avatar-image{width:100%;height:100%;object-fit:cover;display:block}.quiz-history-panel{position:absolute;top:0;right:0;bottom:0;width:320px;max-width:90%;background-color:var(--card-background-color);border-left:1px solid var(--border-color);box-shadow:-5px 0 15px #0000001a;display:flex;flex-direction:column;z-index:1050;overflow:hidden}.dark-theme .quiz-history-panel{background-color:var(--bg-secondary-dark)!important;border-left-color:var(--border-color-dark);box-shadow:-5px 0 15px #0000004d}.history-panel-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;border-bottom:1px solid var(--border-color);background-color:var(--background-color);flex-shrink:0}.dark-theme .history-panel-header{background-color:var(--bg-primary-dark);border-bottom-color:var(--border-color-dark)}.history-panel-header h3{margin:0;font-size:1.05rem;color:var(--text-color-primary);font-weight:600}.dark-theme .history-panel-header h3{color:var(--text-heading-dark)}.close-history-button{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;padding:.25rem;line-height:1}.dark-theme .close-history-button{color:var(--text-secondary-dark)}.close-history-button:hover{color:var(--text-color-primary)}.dark-theme .close-history-button:hover{color:var(--text-primary-dark)}.history-list{flex-grow:1;overflow-y:auto;padding:.75rem}.quiz-history-item{display:flex;flex-direction:column!important;align-items:flex-start!important;background-color:var(--background-color);padding:.8rem 1rem;margin-bottom:.75rem;border-radius:8px;border:1px solid var(--border-color-light);cursor:default;transition:background-color .2s ease}.dark-theme .quiz-history-item{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark)}.history-metadata{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-color-tertiary);margin-bottom:.5rem}.dark-theme .history-metadata{color:var(--text-muted-dark)}.history-content-quiz-page{font-size:.9rem;margin:0 auto}.history-details{font-weight:500;color:var(--text-color-secondary);margin-bottom:.3rem;font-size:.85rem}.dark-theme .history-details{color:var(--text-secondary-dark)}.history-details strong{color:var(--text-color-primary)}.dark-theme .history-details strong{color:var(--text-primary-dark)}.history-question-preview{color:var(--text-color-secondary);font-style:italic;margin:.25rem 0 0;font-size:.8rem;max-width:80%}.dark-theme .history-question-preview{color:var(--text-muted-dark)}.no-history{text-align:center;color:var(--text-color-secondary);padding:2rem;font-style:italic}.dark-theme .no-history{color:var(--text-muted-dark)}.history-footer{padding:1rem;border-top:1px solid var(--border-color);text-align:center;flex-shrink:0}.dark-theme .history-footer{border-top-color:var(--border-color-dark)}.clear-history-button{background:none;border:1px solid var(--danger-color);color:var(--danger-color);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.dark-theme .clear-history-button{border-color:#ef5350;color:#ef5350}.clear-history-button:hover{background-color:var(--danger-background-light);color:var(--danger-color-dark)}.dark-theme .clear-history-button:hover{background-color:#ef535026;color:#ef5350}.quiz-back-button{background:none;border:1px solid var(--border-color);color:var (--text-color-secondary);padding:.5rem 1rem;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:all .2s ease;align-self:flex-start;margin-bottom:1rem}.quiz-back-button:hover{background-color:var(--hover-background-color);border-color:var(--border-color-light)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background-color:var(--background-color);width:100%;box-sizing:border-box}.dashboard-header h1{font-size:1.25rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;text-align:left}.dashboard-header .user-profile{flex-shrink:0}.dashboard-header .quiz-history-button{background-color:var(--card-background-color);color:var(--text-color-secondary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font-weight:500;transition:all .2s ease;margin-left:auto;margin-right:1rem;flex-shrink:0}.dashboard-header .quiz-history-button:hover{background-color:var(--hover-background-color);border-color:var(--border-color-light);color:var(--text-color-primary)}.dashboard-header .quiz-history-button.active{background-color:var(--primary-color-light);border-color:var(--primary-color);color:var(--primary-color)}.dark-theme .quiz-main-area{background-color:color-mix(in srgb,var(--bg-primary-dark) 80%,transparent);box-shadow:0 4px 12px #0003}.dark-theme .quiz-upload-section,.dark-theme .quiz-type-selection button,.dark-theme .quiz-question-container,.dark-theme .quiz-feedback-section,.dark-theme .quiz-history-panel,.dark-theme .dashboard-header .quiz-history-button{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.dark-theme .quiz-upload-section{border-style:dashed}.dark-theme .mcq-option{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.dark-theme .mcq-option:hover{border-color:var(--text-secondary);background-color:var(--text-muted-dark)}.dark-theme .mcq-option.selected{border-color:var(--primary-color);background-color:var(--primary-light);color:var(--primary-dark)}.dark-theme .theory-answer-input{background-color:var(--input-bg);border-color:var(--border-color);color:var(--text-primary)}.dark-theme .quiz-back-button{border-color:var(--border-color);color:var(--text-secondary)}.dark-theme .quiz-back-button:hover{background-color:var(--hover-bg);color:var(--text-primary)}.dark-theme .quiz-review-section{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark)}.dark-theme .review-option.user-choice{border-color:var(--primary-color-light);background-color:var(--primary-color-xlight);color:var(--text-color-primary)}.dark-theme .review-option.correct-choice{border-color:var(--success-color-light);color:var(--success-color-dark)}.dark-theme .review-option.user-incorrect{border-color:var(--danger-color-light);background-color:var(--danger-background-light);color:var(--danger-color-dark)}.review-option-wrapper{position:relative;margin-bottom:.5rem}.show-feedback-btn-quiz{background:none;border:none;cursor:pointer;padding:.25rem;margin-left:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;color:var(--text-color-secondary)}.dark-theme .show-feedback-btn-quiz{color:var(--text-color-secondary)}.show-feedback-btn-quiz:hover{background-color:var(--hover-background-color);color:var(--primary-color)}.dark-theme .show-feedback-btn-quiz:hover{background-color:var(--bg-tertiary-dark);color:var(--accent-color-dark)}.feedback-tooltip-quiz{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;box-shadow:0 4px 12px #0000001a;max-width:250px;font-size:.9em;color:var(--text-color-primary);text-align:center;z-index:1000;white-space:normal;pointer-events:none}.dark-theme .feedback-tooltip-quiz{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);box-shadow:0 4px 12px #0000004d;color:var(--text-color-primary-dark)}.feedback-tooltip-quiz:after{content:"";position:absolute;left:50%;transform:translate(-50%);top:100%;border-width:8px;border-style:solid;border-color:var(--bg-primary) transparent transparent transparent}.dark-theme .feedback-tooltip-quiz:after{border-color:var(--bg-primary-dark) transparent transparent transparent}@media (max-width: 768px){.feedback-tooltip-quiz{max-width:90%;left:50%;transform:translate(-50%)}}.mobile-sidebar-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.mobile-sidebar-backdrop.active{display:block;opacity:1;visibility:visible}.dashboard-content.content-blurred{filter:blur(4px);pointer-events:none;transition:filter .3s ease-in-out}@media (max-width: 768px){.dashboard-page.quiz-page .dashboard-content{padding:0;margin-left:0!important;padding-top:56px!important}.quiz-main-area{padding-top:1rem}.dashboard-header{padding:.75rem 1rem;flex-wrap:nowrap}.hamburger-menu{display:inline-flex;align-items:center;background:none;border:none;color:var(--text-color-primary);cursor:pointer;padding:.5rem;margin-right:.5rem;order:-1;flex-shrink:0}.theme-dark .hamburger-menu{color:var(--text-primary)}.dashboard-header h1{font-size:1.1rem;text-align:center;margin-left:.5rem;margin-right:.5rem}.dashboard-header .quiz-history-button{padding:.4rem .6rem;margin-left:0;margin-right:.5rem;order:1;flex-shrink:0}.dashboard-header .quiz-history-button span{display:none}.dashboard-header .quiz-history-button svg{margin-right:0}.user-profile .user-name{display:none}.user-avatar{width:30px;height:30px;font-size:.7rem;order:2;flex-shrink:0}.quiz-upload-section,.quiz-processing-section,.quiz-type-selection,.quiz-results-section{padding:1.5rem}.quiz-upload-section h2,.quiz-processing-section h2,.quiz-type-selection h2,.quiz-results-section h2{font-size:1.2rem}.quiz-upload-section p,.quiz-processing-section p,.quiz-type-selection p{font-size:.9rem}.type-buttons{flex-direction:column;gap:.75rem}.type-buttons button{width:100%;max-width:none;padding:.8rem 1rem;font-size:.95rem}.type-buttons button small{font-size:.75rem}.quiz-active-section{padding:0 .5rem}.quiz-question-container{padding:1rem}.question-text{font-size:1.1rem}.mcq-option{padding:.7rem .8rem;font-size:.9rem}.theory-answer-input{font-size:.95rem;min-height:120px}.quiz-navigation{flex-direction:column;gap:.75rem}.quiz-navigation button{width:100%;font-size:.9rem;padding:.6rem 1rem}.score-display{font-size:1.3rem}.score-display strong{font-size:1.8rem}.quiz-review-section{padding:.75rem}.review-question-text{font-size:.95rem}.review-option{font-size:.9rem}.quiz-history-panel{width:85%;max-width:320px}.history-panel-header h3{font-size:1rem}.history-details,.history-question-preview{font-size:.8rem;max-width:100%}.quiz-back-button{padding:.4rem .8rem;font-size:.85rem}.dashboard-sidebar.mobile-sidebar-closed{transform:translate(-100%)}.dashboard-sidebar.mobile-sidebar-open{transform:translate(0)}.dashboard-sidebar.mobile-sidebar .sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);box-sizing:border-box;flex-shrink:0}.dark-theme .dashboard-sidebar.mobile-sidebar .sidebar-header{border-bottom-color:#ffffff1a}.dashboard-sidebar.mobile-sidebar .dashboard-logo{height:30px;width:auto;object-fit:contain}.mobile-sidebar-close-button{display:block;background:none;border:none;color:var(--sidebar-text-color, white);cursor:pointer;padding:.5rem;box-sizing:border-box;line-height:1}.dark-theme .mobile-sidebar-close-button{color:var(--sidebar-text-color, white)}.dashboard-sidebar.mobile-sidebar .sidebar-nav{flex-grow:1;overflow-y:auto}.dashboard-sidebar.mobile-sidebar .nav-item{padding:.8rem 1rem;justify-content:flex-start;box-sizing:border-box;font-size:.95rem}.dashboard-sidebar.mobile-sidebar .nav-item svg{width:20px;height:20px;margin-right:10px}.dashboard-sidebar.mobile-sidebar .nav-item span{display:inline}}@media (max-width: 480px){.quiz-main-area{margin:.25rem;padding:.75rem}.dashboard-header{padding:.5rem}.dashboard-header h1{font-size:1rem}.hamburger-menu{padding:.3rem;margin-right:.25rem}.user-avatar{width:28px;height:28px}.dashboard-header .quiz-history-button{padding:.3rem .5rem}.quiz-upload-section,.quiz-processing-section,.quiz-type-selection,.quiz-results-section{padding:1rem}.quiz-upload-section h2,.quiz-processing-section h2,.quiz-type-selection h2,.quiz-results-section h2{font-size:1.2rem}.upload-button{padding:.7rem 1.2rem;font-size:.9rem}.type-buttons button{padding:.7rem;font-size:.9rem}.question-text{font-size:1rem}.mcq-option{font-size:.85rem}.quiz-navigation button{font-size:.85rem;padding:.5rem .8rem}}@media (min-width: 769px){.hamburger-menu,.mobile-sidebar-close-button,.mobile-sidebar-backdrop{display:none!important}}.dashboard-header-mobile-top.quiz-mobile-top{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--card-background-color, #ffffff);border-bottom:1px solid var(--border-color, #e2e8f0);position:fixed;top:0;left:0;right:0;z-index:990;box-sizing:border-box;width:100%;height:56px;margin-top:0!important;color:var(--text-color-primary, #333)}.dark-theme .dashboard-header-mobile-top.quiz-mobile-top{background-color:var(--bg-primary-dark);border-bottom-color:var(--border-color-dark);color:var(--text-primary-dark)}.dashboard-header-mobile-top.quiz-mobile-top .hamburger-menu{display:inline-flex;align-items:center;flex-shrink:0;background:none;border:none;color:var(--text-color-primary, #333);cursor:pointer;padding:.5rem;margin-right:.5rem}.dark-theme .dashboard-header-mobile-top.quiz-mobile-top .hamburger-menu{color:var(--text-primary-dark)}.dashboard-header-mobile-top.quiz-mobile-top .mobile-header-title{flex-grow:1;text-align:center;font-size:1.1rem;font-weight:600;color:var(--text-color-primary, #333);margin:0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-theme .dashboard-header-mobile-top.quiz-mobile-top .mobile-header-title{color:var(--text-primary-dark)}.dashboard-header-mobile-top.quiz-mobile-top .mobile-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.dashboard-header-mobile-top.quiz-mobile-top .quiz-history-button.mobile-header-action-icon{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-color-primary, #333);cursor:pointer;padding:.25rem}.dark-theme .dashboard-header-mobile-top.quiz-mobile-top .quiz-history-button.mobile-header-action-icon{color:var(--text-primary-dark)}.dashboard-header-mobile-top.quiz-mobile-top .quiz-history-button.mobile-header-action-icon:hover{color:var(--primary-color, #4a6bfb)}.dashboard-header-mobile-top.quiz-mobile-top .user-profile.mobile-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;overflow:hidden;background-color:var(--primary-color, #4a6bfb);color:#fff;font-size:.8rem;font-weight:500}.dark-theme .dashboard-header-mobile-top.quiz-mobile-top .user-profile.mobile-avatar{background-color:var(--accent-color-dark);color:var(--text-heading-dark)}.dashboard-header-mobile-top.quiz-mobile-top .user-profile.mobile-avatar .header-avatar-image{width:32px;height:32px;object-fit:cover;border-radius:50%}.dashboard-header-mobile-top.quiz-mobile-top .user-avatar-initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media (max-width: 768px){.dashboard-page.quiz-page .dashboard-content{padding:0;margin-left:0!important;padding-top:56px!important;margin-top:0}.quiz-main-area{padding-top:1rem}.dashboard-header.desktop-only-header{display:none}.dashboard-header .hamburger-menu{display:none!important}.quiz-back-button{margin-top:.5rem;font-size:.9rem;padding:.5rem .75rem}}@media (max-width: 768px){.quiz-history-panel{width:85%;max-width:320px}.type-buttons button{padding:1rem}.type-buttons{flex-direction:column;width:100%}}@media (max-width: 480px){.dashboard-header-mobile-top.quiz-mobile-top{padding:.5rem .75rem}.dashboard-header-mobile-top.quiz-mobile-top .mobile-header-title{font-size:1rem}.quiz-upload-section h2,.quiz-type-selection h2,.quiz-results-section h2{font-size:1.2rem}.quiz-upload-section p,.quiz-type-selection p{font-size:.9rem}.review-option{padding:.5rem}.quiz-history-panel{width:100%;max-width:none}}.dark-theme .dashboard-header-mobile-top.quiz-mobile-top .mobile-header-title,.dark-theme .dashboard-header-mobile-top.quiz-mobile-top .hamburger-menu,.dark-theme .dashboard-header-mobile-top.quiz-mobile-top .quiz-history-button.mobile-header-action-icon{color:var(--text-primary, #e2e8f0)}.dashboard-header-mobile-top.quiz-mobile-top .hamburger-menu:hover,.dashboard-header-mobile-top.quiz-mobile-top .quiz-history-button.mobile-header-action-icon:hover{color:var(--primary-color, #4a6bfb)}.quiz-settings-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1050;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.quiz-settings-modal{background-color:var(--bg-primary);color:var(--text-color);border-radius:16px;box-shadow:0 8px 30px #00000026;width:90%;max-width:550px;overflow:hidden;display:flex;flex-direction:column}.dark-theme .quiz-settings-modal{background-color:var(--bg-secondary-dark);color:var(--text-color-dark);border:1px solid var(--border-color-dark)}.quiz-settings-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-grabber-container{display:none}.dark-theme .quiz-settings-header{border-bottom-color:var(--border-color-dark)}.quiz-settings-header h3{margin:0;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.quiz-settings-header .close-btn{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;padding:.25rem;border-radius:50%;transition:background-color .2s,color .2s}.quiz-settings-header .close-btn:hover{background-color:var(--hover-background-color);color:var(--text-color)}.dark-theme .quiz-settings-header .close-btn:hover{background-color:var(--bg-tertiary-dark);color:var(--text-color-dark)}.quiz-settings-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.settings-group{display:flex;flex-direction:column;gap:.75rem}.settings-group label{font-weight:600;font-size:1rem}.settings-description{font-size:.875rem;color:var(--text-color-secondary);margin:-.5rem 0 0}.difficulty-buttons{display:flex;gap:.5rem;border:1px solid var(--border-color);border-radius:8px;padding:4px;background-color:var(--bg-secondary)}.dark-theme .difficulty-buttons{border-color:var(--border-color-dark);background-color:var(--bg-primary-dark)}.difficulty-btn{flex:1;padding:.6rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;background-color:transparent;color:var(--text-color-secondary);transition:background-color .2s,color .2s,box-shadow .2s}.difficulty-btn.active{background-color:var(--bg-primary);color:var(--primary-color);font-weight:600;box-shadow:0 2px 4px #0000000d}.dark-theme .difficulty-btn.active{background-color:var(--bg-tertiary-dark);color:var(--accent-color-dark)}.preferences-textarea{width:100%;padding:.75rem;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-color);font-family:inherit;font-size:.95rem;resize:vertical;min-height:80px;transition:border-color .2s,box-shadow .2s}.dark-theme .preferences-textarea{background-color:var(--bg-primary-dark);border-color:var(--border-color-dark);color:var(--text-color-dark)}.preferences-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.dark-theme .preferences-textarea:focus{border-color:var(--accent-color-dark);box-shadow:0 0 0 2px var(--accent-color-dark-transparent)}.quiz-settings-footer{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid var(--bg-primary);background-color:var(--bg-primary);gap:.75rem}.dark-theme .quiz-settings-footer{background-color:var(--bg-secondary-dark);border-top-color:var(--bg-secondary-dark)}.quiz-settings-footer .cancel-btn{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color-secondary)}.dark-theme .quiz-settings-footer .cancel-btn{border-color:var(--border-color-dark)}.quiz-settings-footer .cancel-btn:hover{background-color:var(--hover-background-color);border-color:var(--border-color-dark)}.dark-theme .quiz-settings-footer .cancel-btn:hover{background-color:var(--bg-tertiary-dark)}.quiz-settings-footer .save-btn{background-color:var(--primary-color);border:none;color:#fff}.dark-theme .quiz-settings-footer .save-btn{background-color:var(--accent-color-dark);color:var(--bg-primary-dark)}.quiz-settings-footer button{padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s}@media (max-width: 768px){.quiz-settings-modal{width:95%;max-height:90vh}.quiz-settings-content{padding:1rem}.quiz-settings-header.quiz-settings-footer{padding:.75rem 1rem}.quiz-settings-footer{flex-direction:column-reverse}.quiz-settings-footer button{width:100%}}@media (max-width: 600px){.quiz-settings-backdrop{align-items:flex-end}.quiz-settings-modal{width:100%;max-width:100%;height:auto;max-height:90vh;border-radius:20px 20px 0 0;border-bottom:none;margin-bottom:-1px}.modal-grabber-container{display:flex;justify-content:center;width:100%;position:absolute;top:8px;left:0;padding:0}.modal-grabber{width:40px;height:5px;background-color:var(--border-color);border-radius:2.5px}.dark-theme .modal-grabber{background-color:var(--border-color-dark)}.quiz-settings-header{padding-top:28px}.quiz-settings-content{overflow-y:auto}}.terms-main{width:100%;display:flex;flex-direction:column;align-items:center;padding:40px 0;background-color:var(--background);min-height:100vh}.terms-content{width:100%;max-width:1200px;padding:0 20px;margin-bottom:60px}.terms-container{padding:40px 30px;margin-top:50px;background-color:var(--card-bg);border-radius:15px;box-shadow:0 5px 15px #0000000d}.terms-title{font-size:2.5rem;color:var(--text-primary);text-align:center;margin-bottom:40px;position:relative}.terms-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--accent);border-radius:2px}.terms-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border)}.terms-section:last-child{border-bottom:none}.terms-section h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:15px}.terms-section p{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:10px}.terms-section ul{list-style-type:disc;padding-left:20px;margin:15px 0}.terms-section li{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:8px}.terms-footer{margin-top:40px;text-align:right;font-style:italic;color:var(--text-tertiary)}.more-questions{width:100%;background-color:var(--card-bg);padding:60px 20px;margin-top:20px}.more-questions-container{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:30px}.more-questions-icon{flex:0 0 80px}.more-questions-icon img{width:80px;height:auto}.more-questions-content{flex:1;min-width:300px}.more-questions-content h2{font-size:2rem;color:var(--text-primary);margin-bottom:20px}.more-questions-content p{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:25px;max-width:600px}.contact-button{display:inline-block;padding:12px 25px;background-color:var(--accent);color:#fff;font-size:1rem;font-weight:600;border-radius:30px;text-decoration:none;transition:all .3s ease}.contact-button:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}@media (max-width: 768px){.terms-title{font-size:2rem}.terms-section h2{font-size:1.3rem}.terms-container{padding:30px 20px}.more-questions-container{flex-direction:column;text-align:center}.more-questions-content h2{font-size:1.8rem}}@media (max-width: 480px){.terms-title{font-size:1.8rem}.terms-container{padding:25px 15px}.terms-section h2{font-size:1.2rem}.more-questions-content h2{font-size:1.5rem}}.privacy-main{width:100%;display:flex;flex-direction:column;align-items:center;padding:40px 0;background-color:var(--background);min-height:100vh}.privacy-content{width:100%;max-width:1200px;padding:0 20px;margin-bottom:60px}.privacy-container{padding:40px 30px;margin-top:50px;background-color:var(--card-bg);border-radius:15px;box-shadow:0 5px 15px #0000000d}.privacy-title{font-size:2.5rem;color:var(--text-primary);text-align:center;margin-bottom:40px;position:relative}.privacy-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--accent);border-radius:2px}.privacy-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border)}.privacy-section:last-child{border-bottom:none}.privacy-section h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:15px}.privacy-section p{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:10px}.privacy-section ul{list-style-type:disc;padding-left:20px;margin:15px 0}.privacy-section li{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:8px}.privacy-footer{margin-top:40px;text-align:right;font-style:italic;color:var(--text-tertiary)}@media (max-width: 768px){.privacy-title{font-size:2rem}.privacy-section h2{font-size:1.3rem}.privacy-container{padding:30px 20px}}@media (max-width: 480px){.privacy-title{font-size:1.8rem}.privacy-container{padding:25px 15px}.privacy-section h2{font-size:1.2rem}}.success-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.success-popup-content{background:#1a1a2e;background-image:linear-gradient(145deg,#16224c,#1a1a2e);border-radius:24px;padding:2.5rem 3rem;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fff;text-align:center;border:2px solid #4a6bfb;box-shadow:0 10px 30px #0006,0 0 40px #4a6bfb4d inset}.checkmark-wrapper{width:90px;height:90px;border-radius:50%;background-color:#4caf50;border-color:none;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 0 25px #4caf50b3}.success-message{background-color:transparent;font-size:1.5rem;font-weight:700;letter-spacing:.5px;margin:0}.success-submessage{font-size:1rem;font-weight:400;color:#c0c0e0;margin-top:-.5rem}.notes-display-wrapper{width:100%;display:flex;flex-direction:column}.browser-tabs-container{display:flex;position:relative;flex-shrink:0;border-radius:20px;margin-left:-10px;margin-top:-5px}.browser-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-bottom:1px solid var(--border-color);background-color:var(--bg-tertiary);color:var(--text-secondary);font-weight:500;border-radius:12px 12px 0 0;position:relative;bottom:-1px;cursor:pointer;transition:all .2s ease-out}.theme-dark .browser-tab{background-color:var(--bg-secondary-dark);color:var(--text-secondary-dark);border-bottom:1px solid var(--border-color-dark)}.browser-tab:hover:not(.active){background-color:var(--bg-secondary)}.theme-dark .browser-tab:hover:not(.active){background-color:var(--bg-secondary-dark)}.browser-tab.active{background-color:linear-gradient(135deg,var(--bg-primary),var(--bg-tertiary));color:var(--primary-color);border:2px solid var(--border-color);border-top-right-radius:15px;border-color:var(--border-color);border-bottom-color:var(--bg-secondary);font-weight:600;margin-top:-.1rem}.theme-dark .browser-tab.active{background-color:var(--bg-secondary-dark);color:var(--accent-color-dark);border-color:var(--border-color-dark);border-bottom-color:var(--bg-secondary-dark)}.tabs-end-cap{background:transparent;flex-grow:1;background-color:var(--bg-tertiary);border-top-right-radius:15px}.theme-dark .tabs-end-cap{background:transparent;border-bottom-color:var(--border-color-dark)}.note-content-area{overflow-y:auto;flex-grow:1;border:1px solid var(--border-color);border-radius:0 8px 8px;background-color:linear-gradient(135deg,var(--bg-primary),var(--bg-tertiary));padding:1.5rem;margin-left:-10px;margin-right:-10px}.theme-dark .note-content-area{background-color:linear-gradient(135deg,var(--bg-primary-dark),var(--bg-tertiary-dark));border-color:var(--border-color-dark)}.note-content-area .prose{max-width:100%;background-color:transparent;padding:0;border:none;background-color:linear-gradient(135deg,var(--bg-primary),var(--bg-tertiary));color:var(--text-primary);font-size:1rem;line-height:1.7}.theme-dark .note-content-area .prose{color:var(--text-primary-dark);background-color:linear-gradient(135deg,var(--bg-primary-dark),var(--bg-secondary-dark))!important}.note-content-area .prose h1,.note-content-area .prose h2,.note-content-area .prose h3{color:var(--text-heading);background:linear-gradient(to right,var(--primary-color),var(--funky-accent-one));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.theme-dark .note-content-area .prose h1,.theme-dark .note-content-area .prose h2,.theme-dark .note-content-area .prose h3{color:var(--text-heading-dark);background:linear-gradient(to right,var(--accent-color-dark),var(--primary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;border-bottom-color:var(--border-color-dark)}.note-content-area .prose h1{font-size:2em}.note-content-area .prose h2{font-size:1.8em}.note-content-area .prose h3{font-size:1.5em}.note-content-area .prose p{margin-bottom:1.25em}.note-content-area .prose strong{color:var(--text-heading)}.theme-dark .note-content-area .prose strong{color:var(--text-heading-dark)}.note-content-area .prose blockquote{border-left-width:4px;border-left-color:var(--primary-color);padding-left:1.5rem;font-style:italic;color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:0 8px 8px 0;margin-left:0;margin-right:0;padding-top:.5rem;padding-bottom:.5rem}.theme-dark .note-content-area .prose blockquote{border-left-color:var(--accent-color-dark);color:var(--text-secondary-dark);background-color:var(--bg-secondary-dark)}.note-content-area .prose pre{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;font-size:.95em;line-height:1.6;color:var(--text-primary);box-shadow:0 2px 5px #0000000d}.theme-dark .note-content-area .prose pre{background-color:var(--code-bg-dark, #0d1117);border-color:var(--border-color-dark);color:var(--code-text-dark, #c9d1d9)}.note-content-area .prose code{background-color:#0000000d;padding:.2em .4em;margin:0;font-size:85%;border-radius:3px;color:var(--primary-color)}.theme-dark .note-content-area .prose code{background-color:#ffffff1a;color:var(--accent-color-dark)}.note-content-area .prose pre code{background:none;padding:0;font-size:inherit;color:inherit}.flashcard-modal-backdrop-reusable{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1040;display:flex;justify-content:center;align-items:center;padding:1rem}.flashcard-modal-container-reusable{width:100%;max-width:950px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.flashcard-pair-container-reusable{display:flex;justify-content:center;gap:2rem;width:100%}.flashcard-reusable{width:100%;max-width:450px;height:450px;perspective:1500px;background-color:transparent;cursor:pointer}.flashcard-flipper-reusable{position:relative;width:100%;height:100%;transition:transform .4s ease;transform-style:preserve-3d}.flashcard-front-reusable,.flashcard-back-reusable{position:absolute;width:100%;height:100%;padding:2.5rem 2rem;border-radius:20px;box-shadow:0 10px 30px #0003;border:1px solid var(--border-color-dark-rgba);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flashcard-front-reusable{background:linear-gradient(145deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary);transform:rotateY(0)}.theme-dark .flashcard-front-reusable{background:linear-gradient(145deg,var(--bg-secondary-dark) 0%,var(--bg-tertiary-dark) 100%);color:var(--text-primary-dark)}.flashcard-back-reusable{background:linear-gradient(145deg,var(--primary-color) 0%,color-mix(in srgb,var(--primary-color) 80%,black) 100%);color:#fff;transform:rotateY(180deg)}.theme-dark .flashcard-back-reusable{background:linear-gradient(145deg,var(--accent-color-dark) 0%,color-mix(in srgb,var(--accent-color-dark) 80%,black) 100%)}.flashcard-reusable-question,.flashcard-reusable-answer{font-size:1.5rem;font-weight:600;line-height:1.4}.flashcard-reusable-label{position:absolute;top:1.5rem;left:1.5rem;font-size:.9rem;font-weight:500;opacity:.7}.flashcard-nav-reusable{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:450px;color:#fff}.flashcard-nav-btn-reusable{background:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.flashcard-nav-btn-reusable:hover{background:#00000080;transform:scale(1.05)}.flashcard-nav-btn-reusable:disabled{opacity:.4;cursor:not-allowed;transform:none}.flashcard-progress-reusable{font-size:1rem;font-weight:500}.flashcard-close-btn-reusable{position:absolute;top:5rem;right:5rem;transform:translate(120%,-50%);background:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.flashcard-close-btn-reusable:hover{background:#00000080;transform:translate(120%,-50%) scale(1.1) rotate(90deg)}@media (max-width: 980px){.flashcard-pair-container-reusable{flex-direction:column;align-items:center;gap:1.5rem;height:65vh;overflow-y:auto;padding:1rem}.flashcard-reusable{height:350px;max-width:400px}}@media (max-width: 600px){.flashcard-close-btn-reusable{top:1rem;right:.5rem;transform:none}.flashcard-reusable-question,.flashcard-reusable-answer{font-size:1.2rem}}.user-notes-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1050;display:flex;justify-content:center;align-items:center}.user-notes-modal{width:90vw;max-width:800px;height:80vh;background-image:linear-gradient(60deg,var(--bg-primary),var(--bg-secondary));border-radius:16px;border:1px solid var(--border-color);box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;overflow:hidden}.theme-dark .user-notes-modal{background-image:linear-gradient(60deg,var(--bg-primary-dark),var(--bg-secondary-dark));border-color:var(--border-color-dark);box-shadow:0 10px 40px #0006}.user-notes-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.theme-dark .user-notes-modal-header{border-bottom-color:var(--border-color-dark)}.user-notes-modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.theme-dark .user-notes-modal-title{color:var(--text-primary-dark)}.user-notes-modal-actions{display:flex;gap:.75rem}.user-notes-action-btn{background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.theme-dark .user-notes-action-btn{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.user-notes-action-btn:hover{transform:scale(1.05);border-color:var(--text-primary);color:var(--text-primary)}.theme-dark .user-notes-action-btn:hover{border-color:var(--text-primary-dark);color:var(--text-primary-dark)}.user-notes-save-btn:hover,.theme-dark .user-notes-save-btn:hover{border-color:var(--success-color);color:var(--success-color)}.user-notes-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.user-notes-modal-content{padding:1.5rem;flex-grow:1;overflow-y:auto}.user-notes-textarea{width:100%;height:100%;background-color:transparent;border:none;outline:none;resize:none;font-family:inherit;font-size:1.1rem;line-height:1.7;color:var(--text-primary)}.theme-dark .user-notes-textarea{color:var(--text-primary-dark)}.user-notes-textarea::placeholder{color:var(--text-secondary)}.theme-dark .user-notes-textarea::placeholder{color:var(--text-secondary-dark)}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0003;display:flex;align-items:center;justify-content:center;z-index:10}.topic-quiz-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1060;display:flex;justify-content:center;align-items:center;padding:1rem}.topic-quiz-modal{width:95vw;max-width:900px;height:90vh;max-height:750px;background-image:linear-gradient(60deg,var(--bg-primary),var(--bg-secondary));border-radius:20px;border:1px solid var(--border-color);box-shadow:0 15px 50px #00000040;display:flex;flex-direction:column;overflow:hidden;position:relative}.theme-dark .topic-quiz-modal{background-image:linear-gradient(60deg,var(--bg-primary-dark),var(--bg-secondary-dark));border-color:var(--border-color-dark)}.topic-quiz-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:transparent;flex-shrink:0}.theme-dark .topic-quiz-modal-header{border-bottom:transparent}.topic-quiz-modal-title{font-size:1.2rem;font-weight:600}.topic-quiz-modal-actions{display:flex;gap:.75rem}.quiz-action-btn{background-color:var(--bg-secondary);color:var(--text-secondary);border:2px solid var(--hover-bg);padding:.5rem 1rem;border-radius:12px;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.theme-dark .quiz-action-btn{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark)}.quiz-action-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.theme-dark .quiz-action-btn:hover{border-color:var(--text-primary-dark);color:var(--text-primary-dark)}.quiz-action-btn.close{border-radius:30px;padding:8px}.topic-quiz-modal-content{flex-grow:1;overflow-y:auto;padding:2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.quiz-type-selection h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:1rem}.theme-dark .quiz-type-selection h2{color:var(--text-muted-dark)}.quiz-type-selection p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem}.quiz-type-options{display:flex;gap:1.5rem}.quiz-type-option{padding:2rem;border:2px solid var(--border-color);border-radius:16px;cursor:pointer;transition:all .2s ease-out;width:250px}.theme-dark .quiz-type-option{border-color:var(--border-color-dark)}.quiz-type-option:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 8px 20px #00000014}.theme-dark .quiz-type-option:hover{border-color:var(--accent-color-dark)}.quiz-type-option h3{font-size:1.5rem;margin:1rem 0 .5rem}.quiz-type-option span{color:var(--text-secondary)}.quiz-generating-view{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.quiz-generating-view p{font-size:1.2rem;font-weight:500}.quiz-mcq-view{width:100%;max-width:700px;text-align:left}.mcq-question-text{font-size:1.4rem;font-weight:500;margin-bottom:2rem;line-height:1.5}.mcq-options{display:grid;grid-template-columns:1fr;gap:.75rem}.mcq-option-btn{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid var(--border-color);border-radius:12px;text-align:left;font-size:1rem;cursor:pointer;transition:all .2s}.theme-dark .mcq-option-btn{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.mcq-option-btn:hover{border-color:var(--primary-color)}.mcq-option-btn.selected{font-weight:600;border-color:var(--primary-color);background-color:color-mix(in srgb,var(--primary-color) 10%,transparent)}.mcq-option-btn.correct{border-color:var(--success-color);background-color:color-mix(in srgb,var(--success-color) 20%,transparent)!important;font-weight:600}.mcq-option-btn.correct .option-letter{border-color:color-mix(in srgb,var(--success-color) 60%,transparent)}.mcq-option-btn.incorrect{border-color:var(--error-color);background-color:color-mix(in srgb,var(--error-color) 30%,transparent)!important;font-weight:600}.mcq-option-btn.incorrect .option-letter{border-color:color-mix(in srgb,var(--error-color) 60%,transparent)}.theme-dark .mcq-option-btn.selected{border-color:var(--accent-color-dark);background-color:color-mix(in srgb,var(--accent-color-dark) 15%,transparent)}.option-letter{flex-shrink:0;width:30px;height:30px;border-radius:8px;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:600}.theme-dark .option-letter{border-color:var(--border-color-dark)}.mcq-option-btn.selected .option-letter{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.theme-dark .mcq-option-btn.selected .option-letter{background-color:var(--accent-color-dark);color:var(--bg-primary-dark);border-color:var(--accent-color-dark)}.quiz-theory-view{width:100%;max-width:700px;text-align:left;height:100%;display:flex;flex-direction:column}.theory-question-text{font-size:1.4rem;font-weight:500;margin-bottom:1.5rem;line-height:1.5}.theory-answer-textarea{width:100%;flex-grow:1;border:1px solid var(--border-color);border-radius:12px;padding:1rem;font-size:1.1rem;line-height:1.6;background-color:var(--bg-secondary);resize:none}.theme-dark .theory-answer-textarea{background-color:var(--bg-secondary-dark);color:var(--text-primary-dark);font-size:1.2rem!important;font-family:Inter,Arial,sans-serif}.quiz-footer{width:100%;max-width:700px;display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.progress-indicator{font-weight:500}.quiz-nav-buttons{display:flex;gap:.5rem}.quiz-nav-btn{display:flex;align-items:center;gap:.25rem}.submit-quiz-btn{background-color:var(--primary-color);color:#fff}.theme-dark .submit-quiz-btn{background-color:var(--accent-color-dark);color:var(--bg-primary-dark)}.submit-quiz-btn:hover{filter:brightness(1.1)}.quiz-results-view{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;gap:1rem}.results-icon{color:var(--funky-accent-three)}.results-score{font-size:2.5rem;font-weight:700;color:var(--text-primary)}.theme-dark .results-score{color:var(--text-primary-dark)}.results-summary{font-size:1.1rem;color:var(--text-secondary)}.theme-dark .results-summary{color:var(--text-secondary-dark)}.quiz-history-view{padding:1rem 0}.quiz-history-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:1.5rem;margin-top:-.5rem;padding:0 1.5rem}.quiz-history-header h3{font-size:1.4rem;font-weight:600;margin-right:10%}.quiz-history-list{list-style:none;padding:0 1.5rem;margin:0;max-height:400px;overflow-y:auto}.history-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:8px;background-color:var(--bg-secondary);margin-bottom:.75rem}.theme-dark .history-item{background-color:var(--bg-secondary-dark)}.history-item-info{display:flex;flex-direction:column;gap:.25rem}.history-date{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.history-type{font-size:1rem;font-weight:600}.history-score{font-size:1.2rem;font-weight:700;color:var(--primary-color)}.theme-dark .history-score{color:var(--accent-color-dark)}.history-item-right{display:flex;align-items:center;gap:1rem;color:var(--text-secondary)}.history-item:hover .history-item-right{color:var(--primary-color)}.theme-dark .history-item:hover .history-item-right{color:var(--accent-color-dark)}.quiz-review-view{padding:1rem 0}.quiz-review-content{padding:0 1.5rem;max-height:450px;overflow-y:auto}.review-question-container{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.theme-dark .review-question-container{border-bottom-color:var(--border-color-dark)}.review-question-container:last-child{border-bottom:none}.mcq-options.review .mcq-option-btn{cursor:default;background-color:var(--bg-secondary);align-items:left}.theme-dark .mcq-options.review .mcq-option-btn{background-color:var(--bg-secondary-dark)}.mcq-options.review .mcq-option-btn:hover{transform:none;border-color:var(--border-color)}.theme-dark .mcq-options.review .mcq-option-btn:hover{border-color:var(--border-color-dark)}.theme-dark .mcq-option-btn.correct{border-color:var(--success-color-dark);background-color:color-mix(in srgb,var(--success-color-dark) 20%,transparent)!important}.theme-dark .mcq-option-btn.incorrect{border-color:var(--error-color-dark);background-color:color-mix(in srgb,var(--error-color-dark) 20%,transparent)!important}.theory-review-answer{margin-top:1rem;padding:1rem;background-color:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.theme-dark .theory-review-answer{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark)}.theory-review-answer h4{font-size:.9rem;font-weight:600;margin-bottom:.5rem;color:var(--text-secondary)}.theory-feedback{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--border-color)}.theme-dark .theory-feedback{border-top-color:var(--border-color-dark)}.feedback-score{font-weight:600;margin-bottom:.5rem}.feedback-text{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.theme-dark .feedback-text{color:var(--text-secondary-dark)}.review-option-wrapper{position:relative}.mcq-option-btn .review-icons-group{display:flex;align-items:center;gap:.75rem;margin-left:auto}.show-feedback-btn-inner{background:none;border:none;padding:0;margin:0;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center}.show-feedback-btn-inner:hover{color:var(--primary-color)}.theme-dark .show-feedback-btn-inner:hover{color:var(--accent-color-dark)}.feedback-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:90%;max-width:400px;background-color:var(--bg-tertiary);color:var(--text-primary);padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color);box-shadow:var(--shadow-medium);z-index:20;font-size:.9rem;font-weight:600;line-height:1.5;text-align:center}.theme-dark .feedback-tooltip{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark);border-color:var(--border-color-dark)}.feedback-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--bg-tertiary) transparent transparent transparent}.theme-dark .feedback-tooltip:after{border-top-color:var(--bg-tertiary-dark)}.review-icon{flex-shrink:0}.review-option-wrapper .mcq-option-btn{flex-grow:1}.show-feedback-btn{display:none}.correct-icon{color:var(--funky-accent-four)}.incorrect-icon{color:var(--error-color)}@media (max-width: 768px){.quiz-review-content{padding:0}.quiz-history-header{padding:0 1rem}.feedback-tooltip{left:0;transform:translate(0);width:100%;max-width:100%;border-radius:12px}.feedback-tooltip:after{left:10px}.review-tip-popup{margin-left:-45%;transform:translate(0);width:100%;max-width:70%;border-radius:12px}}@media (max-width: 400px){.quiz-type-options{flex-direction:row;margin-left:-15%}.quiz-type-option{width:55%;padding:1.1rem 1.5rem 1.1rem 1.1rem;margin:0rem}}@media (min-width: 401px) and (max-width: 480px){.quiz-type-options{margin-left:-5%}.quiz-type-option{width:60%;padding:1rem}}.review-tip-popup{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:var(--bg-tertiary);color:var(--text-primary);padding:1rem 1.5rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-large);z-index:30;display:flex;align-items:center;gap:1rem;max-width:90%}.theme-dark .review-tip-popup{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark);border-color:var(--border-color-dark)}.review-tip-popup .tip-icon{color:var(--primary-color);flex-shrink:0}.theme-dark .review-tip-popup .tip-icon{color:var(--accent-color-dark)}.review-tip-popup p{font-size:.9rem;font-weight:500;margin:0}.dismiss-tip-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:50%;margin-left:auto}.dismiss-tip-btn:hover{background-color:var(--hover-bg);color:var(--text-primary)}.theme-dark .dismiss-tip-btn:hover{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark)}.tier-popup-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem}.tier-popup-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;width:100%;max-width:500px;box-shadow:0 10px 30px #0003;position:relative;overflow:hidden}.theme-dark .tier-popup-container{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark)}.tier-popup-close-btn{position:absolute;top:16px;right:16px;background:var(--bg-tertiary);color:var(--text-secondary);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10}.tier-popup-close-btn:hover{background-color:var(--border-color);transform:scale(1.1)}.theme-dark .tier-popup-close-btn{background-color:var(--bg-tertiary-dark);color:var(--text-secondary-dark)}.theme-dark .tier-popup-close-btn:hover{background-color:var(--border-color-dark)}.tier-popup-content{padding:2.5rem;text-align:center}.tier-popup-icon{font-size:3rem;line-height:1;margin-bottom:1rem}.tier-popup-title{font-size:1.75rem;font-weight:700;color:var(--text-heading);margin-bottom:.75rem}.theme-dark .tier-popup-title{color:var(--text-heading-dark)}.tier-popup-message{font-size:1rem;line-height:1.6;color:var(--text-secondary);max-width:400px;margin:0 auto 2rem}.theme-dark .tier-popup-message{color:var(--text-secondary-dark)}.tier-popup-actions{margin-bottom:2rem;background-color:var(--bg-tertiary);padding:1.25rem;border-radius:16px;border:1px solid var(--border-color)}.theme-dark .tier-popup-actions{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark)}.tier-popup-actions h3{font-size:1rem;font-weight:600;color:var(--text-secondary);margin:0 0 1rem}.theme-dark .tier-popup-actions h3{color:var(--text-secondary-dark)}.actions-list{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.action-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:var(--text-primary)}.theme-dark .action-item{color:var(--text-primary-dark)}.tier-popup-next-tier-preview{border:2px solid var(--next-tier-color);border-radius:16px;padding:1rem 1.5rem;margin-bottom:2rem;background:linear-gradient(135deg,color-mix(in srgb,var(--next-tier-color) 5%,transparent),color-mix(in srgb,var(--next-tier-color) 15%,transparent));transition:all .3s}.next-tier-header{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600;color:var(--next-tier-color);opacity:.8;margin-bottom:.25rem}.next-tier-name{font-size:1.5rem;font-weight:700;color:var(--next-tier-color);text-align:left}.tier-popup-confirm-btn{width:100%;background:var(--primary-color);color:#fff;padding:.8rem 1rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.tier-popup-confirm-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 15px color-mix(in srgb,var(--primary-color) 40%,transparent)}.theme-dark .tier-popup-confirm-btn{background:var(--accent-color-dark);color:var(--bg-primary-dark)}.theme-dark .tier-popup-confirm-btn:hover{box-shadow:0 4px 15px color-mix(in srgb,var(--accent-color-dark) 40%,transparent)}@media (max-width: 480px){.tier-popup-content{padding:2rem 1.5rem}.tier-popup-title{font-size:1.5rem}.tier-popup-message{font-size:.95rem}.actions-list{gap:1rem;flex-direction:column;align-items:center}.tier-popup-confirm-btn{font-size:1rem}}.ask-ai-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1060;display:flex;align-items:center;justify-content:center;padding:1rem}.ask-ai-modal-panel{background-color:var(--bg-primary);border-radius:16px;box-shadow:0 10px 30px #0000001a;width:100%;max-width:800px;height:95vh;max-height:800px;display:flex;flex-direction:column;overflow:hidden;position:relative}.theme-dark .ask-ai-modal-panel{background-color:var(--bg-primary-dark)}.ask-ai-modal-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;z-index:5;background-color:var(--bg-secondary)}.theme-dark .ask-ai-modal-header{background-image:linear-gradient(to right,var(--bg-primary-dark),var(--bg-primary-dark));border-bottom-color:var(--bg-primary-dark)}.modal-header-title{flex-grow:1}.modal-header-title h3{margin:0;font-size:1.2rem;color:var(--text-primary);line-height:1.2}.theme-dark .modal-header-title h3{color:var(--text-primary-dark)}.modal-header-title span{font-size:.9rem;color:var(--text-secondary)}.theme-dark .modal-header-title span{color:var(--text-secondary-dark)}.modal-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.modal-header-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-header-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.theme-dark .modal-header-btn:hover{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark)}.ask-ai-modal-body{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;padding:0 1.5rem}.ask-ai-messages{flex-grow:1;overflow-y:auto;overflow-x:hidden;padding:1rem 0;display:flex;flex-direction:column;gap:1rem;width:100%}.ask-ai-messages::-webkit-scrollbar{background-color:var(--bg-primary)}.theme-dark .ask-ai-messages::-webkit-scrollbar{background-color:var(--bg-tertiary-dark)!important}.ask-ai-message{display:flex;gap:.75rem;max-width:90%}.ask-ai-message.user{flex-direction:row-reverse}.ask-ai-message.bot{align-self:flex-start}.ask-ai-message.bot .ask-ai-message-content{width:120%;min-width:120%}.ask-ai-message-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;overflow:hidden}.ask-ai-message-avatar img{width:100%;height:100%;object-fit:cover}.ask-ai-message-wrapper{display:flex;flex-direction:column;max-width:90%}.ask-ai-message.user .ask-ai-message-content{border-radius:18px 4px 18px 18px;background:linear-gradient(145deg,#100e2b,#141147);color:#fff}.theme-dark .ask-ai-message.user .ask-ai-message-content{background:linear-gradient(145deg,#100e2b,#141147);border:1px solid #282c34;color:#fff}.ask-ai-message.bot .ask-ai-message-content{border-radius:4px 18px 18px}.ask-ai-message-content{padding:.75rem 1.25rem;border-radius:18px;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6;word-wrap:break-word;position:relative}.theme-dark .ask-ai-message-content{background-color:var(--bg-secondary-dark);color:var(--text-primary-dark)!important}.ask-ai-message .message-files-attachment-container{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.ask-ai-message .message-file-attachment .message-image-preview{max-width:100%;max-height:250px;border-radius:12px;object-fit:cover}.ask-ai-message .message-file-attachment .message-pdf-preview{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#0000000d;border-radius:8px;color:var(--text-secondary)}.theme-dark .ask-ai-message .message-file-attachment .message-pdf-preview{background-color:#ffffff14;color:var(--text-secondary-dark)}.ask-ai-message .message-file-preview img{max-width:250px;border-radius:12px;margin-bottom:.5rem}.ask-ai-message .message-file-preview div{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#0000000d;border-radius:8px}.theme-dark .ask-ai-message .message-file-preview div{background:#ffffff14}.ask-ai-input-area{flex-shrink:0;padding:.75rem 0;z-index:4}.ask-ai-input-textarea{font-family:Inter,sans-serif;gap:2.5rem!important}.theme-dark .ask-ai-input-area{border-top-color:var(--border-color-dark);background-image:linear-gradient(60deg,var(--background-color-dark),var(--bg-secondary-dark))}.ask-ai-input-wrapper{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background-color:var(--bg-tertiary);border-radius:15px;border:1px solid var(--text-muted);max-width:100%}.theme-dark .ask-ai-input-wrapper{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark)}.ask-ai-input-actions{display:flex;justify-content:space-between;align-items:center;width:100%}.ask-ai-input-actions-left{display:flex;align-items:center}.ask-ai-input-textarea{background-color:transparent;border:none;outline:none;resize:none;width:100%;color:var(--text-primary);font-size:1rem;padding:.25rem;font-family:Inter,sans-serif}.ask-ai-attach-btn{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:color .2s}.ask-ai-attach-btn:hover{color:var(--primary-color)}.ask-ai-send-btn{background-color:var(--primary-color-shaded);color:#fff;border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.ask-ai-send-btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.ask-ai-send-btn:disabled{background-color:var(--button-disabled-bg-dark);color:var(--text-muted-dark);cursor:not-allowed;transform:none;filter:none}.theme-dark .ask-ai-send-btn{background-color:var(--accent-color-shaded)}.theme-dark .ask-ai-send-btn:disabled{background-color:var(--button-disabled-bg-dark);color:var(--text-muted-dark)}.loading-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-top:20px!important}.theme-dark .ask-ai-send-btn .loading-spinner{border-color:#fff3;border-top-color:#fffc}@keyframes spin{to{transform:rotate(360deg)}}.file-preview-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.75rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px}.theme-dark .file-preview-bar{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark)}.file-preview-bar img{max-height:40px;border-radius:4px}.file-preview-bar div{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.theme-dark .file-preview-bar div{color:var(--text-secondary-dark)}.file-preview-bar button{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:50%;display:flex}.file-preview-bar button:hover{background-color:var(--border-color)}.theme-dark .file-preview-bar button:hover{background-color:var(--border-color-dark)}.ask-ai-history-view{padding:1rem 1.5rem;display:flex;flex-direction:column;height:100%;flex-grow:1;overflow:hidden}.history-back-btn{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--border-color);border-radius:8px;padding:.5rem 1rem;margin-bottom:1rem;cursor:pointer;color:var(--text-secondary);transition:all .2s;align-self:flex-start;flex-shrink:0}.theme-dark .history-back-btn{border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.history-back-btn:hover{color:var(--primary-color);border-color:var(--primary-color);background-color:var(--bg-tertiary)}.theme-dark .history-back-btn:hover{color:var(--accent-color-dark);border-color:var(--accent-color-dark);background-color:var(--bg-tertiary-dark)}.history-list{flex-grow:1;overflow-y:auto}.history-list{background-image:linear-gradient(60deg,var(--bg-primary),var(--bg-secondary))}.theme-dark .history-list{background-image:linear-gradient(60deg,var(--bg-primary-dark),var(--bg-secondary-dark))}.history-group-title{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:.5rem 0;border-bottom:1px solid var(--border-color);margin-bottom:.5rem}.theme-dark .history-group-title{color:var(--text-secondary-dark);border-color:var(--border-color-dark)}.history-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:8px;cursor:pointer;transition:background-color .2s}.history-item:hover{background-color:var(--bg-secondary)}.theme-dark .history-item:hover{background-color:var(--bg-secondary-dark)}.history-item p{margin:0;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-dark .history-item p{color:var(--text-primary-dark)}.history-item span{font-size:.8rem;color:var(--text-secondary);flex-shrink:0;margin-left:1rem}.theme-dark .history-item span{color:var(--text-secondary-dark)}.no-history-text{text-align:center;padding:2rem;color:var(--text-secondary)}.theme-dark .no-history-text{color:var(--text-secondary-dark)}.code-block-wrapper-modal{position:relative;margin:1rem 0;max-width:100%;box-sizing:border-box}.copy-code-button-modal{position:absolute;top:8px;right:8px;background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;padding:2px 6px;font-size:.75em;cursor:pointer;opacity:.7;transition:all .2s ease}.theme-dark .copy-code-button-modal{background-color:var(--bg-tertiary-dark);color:var(--text-secondary-dark);border-color:var(--border-color-dark)}.code-block-wrapper-modal:hover .copy-code-button-modal{opacity:1}.copy-code-button-modal:hover{background-color:var(--hover-bg)}.theme-dark .copy-code-button-modal:hover{background-color:var(--hover-bg-dark)}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feedback-thanks-toast,.like-thanks-toast{margin-left:-10%}@media (max-width: 768px){.ask-ai-modal-backdrop{padding:0}.ask-ai-modal-panel{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0;box-shadow:none}}@media (max-width: 600px){.feedback-popup-content{padding:1rem;max-width:calc(100vw - 2rem)}.feedback-thanks-toast,.like-thanks-toast{bottom:140px;margin-left:-35%;transform:translate(-10%)}}@media (max-width: 480px){.ask-ai-modal-body{padding:0 1rem}.ask-ai-messages{padding-bottom:.5rem;width:105%}.ask-ai-message.bot .ask-ai-message-content{min-width:105%}.ask-ai-input-area{padding:.5rem 0;margin:0;background-color:var(--bg-primary);border-top:1px solid var(--border-color)}.theme-dark .ask-ai-input-area{background-color:var(--bg-primary-dark);border-top-color:var(--border-color-dark)}.ask-ai-input-textarea{font-size:1rem}.ask-ai-input-actions{margin-top:auto}.ask-ai-message-wrapper.user{margin-right:0!important}.ask-ai-message-wrapper.bot{width:100%!important;max-width:100%!important}.feedback-thanks-toast,.like-thanks-toast{bottom:140px;left:50%!important;transform:translate(-50%)}}.file-preview-container-multiple{flex-shrink:0;width:100%;max-width:100%;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.75rem;margin-bottom:.5rem;background-color:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.theme-dark .file-preview-container-multiple{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark)}.file-preview{position:relative;flex-shrink:0}.file-preview img{height:60px;width:auto;border-radius:8px;object-fit:cover;border:1px solid var(--border-color)}.theme-dark .file-preview img{border-color:var(--border-color-dark)}.pdf-preview-input{display:flex;align-items:center;gap:.5rem;height:60px;padding:0 1rem;border-radius:8px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.theme-dark .pdf-preview-input{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.cancel-file-button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 3px #0000001a;transition:all .2s}.theme-dark .cancel-file-button{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.cancel-file-button:hover{transform:scale(1.1);background-color:var(--bg-secondary);color:var(--text-primary)}.theme-dark .cancel-file-button:hover{background-color:var(--bg-tertiary-dark)}.ask-ai-message.bot .ask-ai-message-content .thinking-indicator span{width:8px;height:8px;border-radius:50%;background-color:currentColor;animation:bounce 1.4s infinite both}.ask-ai-message.error .ask-ai-message-content{background-color:var(--error-bg);color:var(--error-color);border:1px solid var(--error-border)}.theme-dark .ask-ai-message.error .ask-ai-message-content{background-color:var(--error-bg-dark);color:var(--error-color-dark);border:1px solid var(--error-border-dark)}.ask-ai-message.bot .ask-ai-message-content .thinking-indicator span:nth-child(1){animation-delay:-.32s}.thinking-accordion-content{background-color:var(--bg-tertiary);color:var(--text-secondary)}.theme-dark .thinking-accordion-content{background-color:var(--bg-tertiary-dark);color:var(--text-secondary-dark);border-color:var(--border-color-dark)}.thinking-accordion-header{background-color:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-color)}.theme-dark .thinking-accordion-header{background-color:var(--bg-tertiary-dark);color:var(--text-secondary-dark);border-color:var(--border-color-dark)}.message-actions-modal{display:flex;align-items:center;gap:.5rem;padding:.25rem 0 0 .5rem;margin-top:.5rem;margin-bottom:10px;opacity:0;transition:opacity .2s ease-in-out}.ask-ai-message-wrapper:hover .message-actions-modal,.message-actions-modal.always-visible{opacity:1}.message-action-btn-modal{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease}.message-action-btn-modal:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.theme-dark .message-action-btn-modal{color:var(--text-secondary-dark)}.theme-dark .message-action-btn-modal:hover{color:var(--text-primary-dark);background-color:var(--bg-tertiary-dark)}.message-action-btn-modal.liked{color:var(--success-color)}.message-action-btn-modal.disliked{color:var(--error-color)}.theme-dark .message-action-btn-modal.liked{color:var(--success-color)}.theme-dark .message-action-btn-modal.disliked{color:var(--error-color-dark)}.feedback-popup-modal{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;display:flex;justify-content:center;align-items:center;padding:1rem}.feedback-popup-content{background-color:var(--bg-secondary);padding:1.5rem;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 5px 25px #0000001a;width:90%;max-width:400px;z-index:21}.theme-dark .feedback-popup-content{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);box-shadow:0 5px 25px #0003}.feedback-popup-content h4{margin:0 0 1rem;font-size:1.1rem;color:var(--text-primary)}.theme-dark .feedback-popup-content h4{color:var(--text-primary-dark)}.feedback-textarea{width:100%;min-height:100px;padding:.75rem;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:.95rem;resize:vertical;margin-bottom:1rem}.theme-dark .feedback-textarea{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.feedback-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-shadow-color)}.theme-dark .feedback-textarea:focus{border-color:var(--accent-color-dark);box-shadow:0 0 0 2px var(--accent-shadow-color-dark)}.feedback-popup-actions{display:flex;justify-content:flex-end;gap:.75rem}.feedback-cancel-button,.feedback-submit-button{padding:.6rem 1rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:background-color .2s}.feedback-cancel-button{background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.theme-dark .feedback-cancel-button{background-color:var(--bg-tertiary-dark);color:var(--text-secondary-dark);border-color:var(--border-color-dark)}.feedback-cancel-button:hover{background-color:var(--border-color)}.theme-dark .feedback-cancel-button:hover{background-color:var(--border-color-dark)}.feedback-submit-button{background-color:var(--primary-color);color:#fff}.theme-dark .feedback-submit-button{background-color:var(--accent-color-dark);color:var(--bg-primary-dark)}.feedback-submit-button:hover{filter:brightness(1.1)}.feedback-thanks-toast,.like-thanks-toast{position:absolute;bottom:130px;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;background-color:var(--bg-tertiary);color:var(--text-primary);border-radius:20px;box-shadow:0 4px 15px #0003;font-weight:500;z-index:100;white-space:nowrap}.theme-dark .feedback-thanks-toast,.theme-dark .like-thanks-toast{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark)}.ask-ai-message-wrapper.user{align-self:flex-end;width:90%;max-width:100%;margin-right:-5rem}.ask-ai-message-wrapper.bot{align-self:flex-start;width:100%}.add-more-files-button{height:60px;width:60px;flex-shrink:0;border-radius:8px;border:2px solid var(--border-color);background-color:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.add-more-files-button:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:var(--bg-tertiary)}.theme-dark .add-more-files-button{border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.theme-dark .add-more-files-button:hover{border-color:var(--accent-color-dark);color:var(--accent-color-dark);background-color:var(--bg-tertiary-dark)}.message-sources-container{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.theme-dark .message-sources-container{border-top-color:var(--border-color-dark)}.sources-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.theme-dark .sources-title{color:var(--text-secondary-dark)}.sources-list{display:flex;flex-wrap:wrap;gap:.5rem}.source-link{display:inline-flex;align-items:center;gap:.35rem;background-color:var(--bg-secondary);color:var(--text-secondary);padding:.25rem .6rem;border-radius:12px;font-size:.8rem;text-decoration:none;border:1px solid var(--border-color);transition:all .2s ease;max-width:200px}.theme-dark .source-link{background-color:var(--bg-secondary-dark);color:var(--text-secondary-dark);border-color:var(--border-color-dark)}.source-link:hover{background-color:var(--bg-tertiary);color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-1px)}.theme-dark .source-link:hover{background-color:var(--bg-tertiary-dark);color:var(--accent-color-dark);border-color:var(--accent-color-dark)}.source-link span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-favicon{width:16px;height:16px;flex-shrink:0;border-radius:4px}.source-link span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.source-link-icon{flex-shrink:0;color:var(--text-muted);transition:color .2s ease}.source-link:hover .source-link-icon{color:var(--primary-color)}.theme-dark .source-link:hover .source-link-icon{color:var(--accent-color-dark)}.citation-source{cursor:pointer;color:var(--primary-color);font-weight:500;display:inline-flex;border-radius:4px;align-items:center;gap:2px;transition:color .2s;text-decoration:underline;text-underline-offset:2px}.citation-source:hover{color:var(--primary-hover)}.theme-dark .citation-source{background-color:var(--border-color-dark)!important;color:var(--text-primary-dark)!important;border:1px solid var(--border-color-dark)}.theme-dark .citation-source:hover{color:var(--primary-color)!important}.citation-source sup{line-height:1;font-weight:600}.citation-icon{vertical-align:middle;margin-left:2px;opacity:.7}.learn-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(var(--background-color-rgb, 0, 0, 0),.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20000;display:flex;align-items:center;justify-content:center;padding:1rem}.theme-dark .learn-popup-overlay{background-color:rgba(var(--bg-primary-dark),.8)}.learn-popup-content{background-color:var(--bg-secondary);color:var(--text-primary);border-radius:24px;box-shadow:0 25px 50px -12px #0000004d;width:100%;max-width:850px;overflow:hidden;display:flex;flex-direction:column;position:relative}.theme-dark .learn-popup-content{background-image:linear-gradient(60deg,var(--bg-primary-dark),var(--bg-secondary-dark));color:var(--text-primary-dark)}.learn-popup-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s ease;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.learn-popup-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary);transform:rotate(90deg)}.theme-dark .learn-popup-close{color:var(--text-muted-dark)}.theme-dark .learn-popup-close:hover{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark)}.learn-popup-body{display:flex;height:480px;overflow:hidden}.learn-popup-step-content{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;width:100%;height:100%;flex-shrink:0}.step-5 .learn-popup-step-content{grid-template-columns:1fr}.step-5 .learn-popup-image-container{display:none}.step-5 .learn-popup-text-content{text-align:center;padding:4rem}.step-5 h2{font-size:2.5rem}.learn-popup-image-container{height:100%;width:100%;background-color:var(--bg-primary);overflow:hidden}.theme-dark .learn-popup-image-container{background-color:var(--bg-primary-dark)}.learn-popup-image{width:100%;height:100%;object-fit:cover}.learn-popup-text-content{padding:2.5rem;display:flex;flex-direction:column;gap:1rem}.learn-popup-text-content h2{font-size:2rem;font-weight:800;color:var(--text-heading);line-height:1.2}.theme-dark .learn-popup-text-content h2{color:var(--text-heading-dark)}.learn-popup-text-content p{font-size:1.1rem;line-height:1.6;color:var(--text-secondary)}.theme-dark .learn-popup-text-content p{color:var(--text-secondary-dark)}.popup-help-text{font-size:.9rem!important;color:var(--text-muted)!important;margin-top:1rem!important;border-top:1px dashed var(--border-color);padding-top:1rem}.theme-dark .popup-help-text{color:var(--text-muted-dark)!important;border-top-color:var(--border-color-dark)}.popup-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin:0 4px;padding:4px;border-radius:6px;background-color:var(--bg-tertiary);color:var(--primary-color);border:1px solid var(--border-color)}.theme-dark .popup-icon{background-color:var(--bg-tertiary-dark);color:var(--accent-color-dark);border-color:var(--border-color-dark)}.learn-popup-footer{padding:1rem 2.5rem;background-color:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.theme-dark .learn-popup-footer{background-color:var(--bg-tertiary-dark);border-top-color:var(--border-color-dark)}.popup-dots{display:flex;gap:8px}.dot{width:10px;height:10px;border-radius:50%;background-color:var(--border-color);transition:all .3s ease}.theme-dark .dot{background-color:var(--border-color-dark)}.dot.active{background-color:var(--primary-color);transform:scale(1.2)}.theme-dark .dot.active{background-color:var(--accent-color-dark)}.popup-nav-buttons{display:flex;gap:1rem}.popup-nav-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.popup-nav-btn.prev{background-color:var(--button-secondary-bg);color:var(--button-secondary-text)}.theme-dark .popup-nav-btn.prev{background-color:var(--button-secondary-bg-dark);color:var(--button-secondary-text-dark)}.popup-nav-btn.prev:hover{background-color:var(--button-secondary-hover-bg)}.theme-dark .popup-nav-btn.prev:hover{background-color:var(--button-secondary-hover-bg-dark)}.popup-nav-btn.next,.popup-nav-btn.done{background-color:var(--primary-color);color:#fff}.theme-dark .popup-nav-btn.next,.theme-dark .popup-nav-btn.done{background-color:var(--accent-color-dark);color:var(--bg-primary-dark)}.popup-nav-btn.next:hover,.popup-nav-btn.done:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.theme-dark .popup-nav-btn.next:hover,.theme-dark .popup-nav-btn.done:hover{background-color:var(--accent-color-hover-dark)}@media (max-width: 768px){.learn-popup-content{max-width:95vw;height:auto;max-height:90vh}.learn-popup-body{height:auto}.learn-popup-step-content{grid-template-columns:1fr}.learn-popup-image-container{height:auto}.learn-popup-image{object-fit:contain}.learn-popup-text-content{padding:1.5rem}.learn-popup-text-content h2{font-size:1.5rem}.learn-popup-text-content p{font-size:1rem}.step-5 .learn-popup-text-content{padding:3rem 1.5rem}.step-5 h2{font-size:2rem}.learn-popup-footer{flex-direction:column;gap:1rem;padding:1.5rem}}@media (max-width: 480px){.popup-nav-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr}.popup-nav-btn.done{grid-column:1 / -1}}main.dashboard-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:2rem;height:100vh;overflow-y:auto;margin-left:250px;transition:margin-left .3s ease-in-out,width .3s ease-in-out;width:calc(100% - 250px)}main.dashboard-content.collapsed{margin-left:88px;width:calc(100% - 88px)}.learn-page-container{position:relative;height:100%;display:flex;flex-direction:column;width:100%;max-width:900px}.learn-page-container.centered{align-items:center;text-align:center;flex-direction:column;padding-top:4rem}.main-loader{animation:spin 1.5s linear infinite;color:var(--primary-color)}.theme-dark .main-loader{color:var(--accent-color-dark)}.missing-info-icon{color:var(--primary-color);margin-bottom:1rem}.theme-dark .missing-info-icon{color:var(--accent-color-dark)}.missing-info-state a{color:var(--primary-color);text-decoration:underline;font-weight:600}.theme-dark .missing-info-state a{color:var(--accent-color-dark)}.generation-ui-wrapper{width:100%;max-width:750px;background-color:var(--bg-secondary);border-radius:20px;padding:2rem 2.5rem;border:2px solid var(--border-color);box-shadow:4px 4px 0 var(--primary-color);transition:all .3s cubic-bezier(.175,.885,.32,1.275);margin:0 auto}.theme-dark .generation-ui-wrapper{background-color:var(--bg-secondary-dark)!important;border-color:var(--border-color-dark);box-shadow:4px 4px 0 var(--accent-color-dark)}.generation-ui-header{text-align:center;margin-bottom:2.5rem;border-bottom:2px dashed var(--border-color);padding-bottom:2rem}.theme-dark .generation-ui-header{border-color:var(--border-color-dark)}.header-icon{color:var(--primary-color);margin-bottom:1rem;transform:rotate(-8deg)}.theme-dark .header-icon{color:var(--accent-color-dark)}.generation-ui-header h1{font-size:2rem;font-weight:800;margin-bottom:.5rem;color:var(--text-heading)}.theme-dark .generation-ui-header h1{color:var(--text-heading-dark)}.generation-ui-header p{color:var(--text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.theme-dark .generation-ui-header p{color:var(--text-secondary-dark)}.generation-step{margin-bottom:2.5rem}.generation-step h2{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:var(--text-heading);display:flex;align-items:center;gap:.5rem}.theme-dark .generation-step h2{color:var(--text-heading-dark)}.generation-step p{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.theme-dark .generation-step p{color:var(--text-secondary-dark)}.generation-step .generate-button:disabled{background-color:var(--button-disabled-bg);color:var(--text-color-secondary);cursor:not-allowed}.year-selector{position:relative}.year-dropdown{width:100%;padding:.8rem 1.2rem;border-radius:8px;border:2px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .2s ease-in-out}.year-dropdown:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-shadow-color)}.theme-dark .year-dropdown{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.theme-dark .year-dropdown:focus{border-color:var(--accent-color-dark);box-shadow:0 0 0 3px var(--accent-shadow-color-dark)}.dropdown-arrow{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%) rotate(10deg);pointer-events:none;color:var(--text-secondary);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.year-dropdown:focus+.dropdown-arrow{transform:translateY(-50%) rotate(0) scale(1.1)}.generate-button,.save-button{width:100%;display:flex;justify-content:center;align-items:center;gap:.75rem;padding:.9rem 1rem;border-radius:8px;border:2px solid var(--text-primary);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);background:var(--primary-color);color:#fff;box-shadow:3px 3px 0 var(--text-primary)}.theme-dark .generate-button,.theme-dark .save-button{border-color:var(--text-primary-dark);background:var(--accent-color-dark);color:var(--bg-primary-dark);box-shadow:3px 3px 0 var(--text-primary-dark)}.generate-button:hover:not(:disabled),.save-button:hover:not(:disabled){transform:translateY(-4px) scale(1.01);box-shadow:6px 6px 0 var(--app-blue-primary)}.theme-dark .generate-button:hover:not(:disabled),.theme-dark .save-button:hover:not(:disabled){box-shadow:6px 6px 0 var(--funky-accent-three)}.generate-button:disabled,.save-button:disabled{background:var(--border-color);box-shadow:none;cursor:not-allowed;color:var(--text-secondary);border-color:var(--text-secondary)}.theme-dark .generate-button:disabled,.theme-dark .save-button:disabled{background:var(--bg-tertiary-dark);color:var(--text-muted-dark);border-color:var(--text-muted-dark)}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;margin-top:1.5rem;background-color:var(--bg-tertiary);border:2px dashed var(--primary-color);border-radius:12px;color:var(--primary-color)}.theme-dark .loading-indicator{background-color:var(--bg-tertiary-dark);border-color:var(--accent-color-dark);color:var(--accent-color-dark)}.topic-number{font-weight:700;color:var(--primary-color)}.theme-dark .topic-number{color:var(--accent-color-dark)}.pathway-container{background-color:var(--background-color-darker);border-radius:var(--border-radius-large);padding:20px;box-shadow:var(--shadow-small);flex-grow:1;display:flex;flex-direction:column;gap:20px}.pathway-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.pathway-header-info h1{font-size:2em;color:var(--text-color-primary);margin-bottom:5px}.pathway-subtitle{font-size:1rem;color:var(--text-secondary);line-height:1.6;max-width:80ch;margin-top:.5rem}.pathway-xp-info{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.xp-display{display:flex;flex-direction:column;align-items:center;background-color:var(--card-background-light);padding:8px 15px;border-radius:var(--border-radius-small);box-shadow:var(--shadow-extra-small);min-width:80px}.xp-value{font-size:1.8em;font-weight:700;color:var(--accent-color)}.xp-label{font-size:.8em;color:var(--text-color-secondary);text-transform:uppercase}.proficiency-display{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.proficiency-tier{font-weight:700;color:#fff;padding:4px 10px;border-radius:var(--border-radius-extra-small);font-size:.85em;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.progress-bar-container{width:150px;height:8px;background-color:var(--background-color-light);border-radius:4px;overflow:hidden}.progress-bar{height:100%;border-radius:4px;transition:width .3s ease-in-out}.progress-label{font-size:.75em;color:var(--text-color-secondary)}.topic-list-pathway{display:flex;flex-direction:column;gap:10px}.delete-curriculum-section{background-color:var(--danger-zone-background);border:1px solid var(--danger-zone-border);border-radius:var(--border-radius-medium);padding:15px;text-align:center}.delete-curriculum-section h3{color:var(--danger-zone-header);margin-bottom:10px}.delete-curriculum-section p{color:var(--danger-zone-text);font-size:.9em;margin-bottom:15px}.delete-curriculum-btn{background-color:var(--danger-button-background);color:var(--danger-button-text);border:none;padding:8px 15px;border-radius:var(--border-radius-small);cursor:pointer;font-size:.9em;display:inline-flex;align-items:center;gap:5px;transition:background-color .2s ease}.delete-curriculum-btn:hover{background-color:var(--danger-button-hover)}@media (max-width: 768px){.pathway-container{padding:0!important;margin:0!important}.pathway-header{flex-direction:column;align-items:flex-start;gap:15px}.pathway-xp-info{width:100%;justify-content:space-between}.xp-display{flex-grow:1;text-align:center;min-width:unset}.proficiency-display{align-items:flex-end}.progress-bar-container{width:120px}}.topic-list-editor{margin-top:2rem;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.topic-editor-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.topic-input{flex-grow:1;width:100%;padding:.75rem 1rem;border-radius:8px;border:2px solid var(--border-color);background-color:var(--bg-primary);font-size:1rem;font-weight:500;transition:all .2s ease-in-out}.theme-dark .topic-input{background-color:var(--bg-primary-dark);border-color:var(--border-color-dark)}.topic-input:focus{background-color:var(--bg-secondary);border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-shadow-color);outline:none}.theme-dark .topic-input:focus{background-color:var(--bg-secondary-dark);border-color:var(--accent-color-dark);box-shadow:0 0 0 3px var(--accent-shadow-color-dark)}.delete-topic-btn{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:2px solid var(--border-color);background-color:transparent;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.theme-dark .delete-topic-btn{border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.delete-topic-btn:hover{color:var(--funky-accent-one);border-color:var(--funky-accent-one);transform:rotate(15deg) scale(1.1)}.save-button{margin-top:2rem;background:var(--funky-accent-four);border-color:#0c5c49;box-shadow:3px 3px #0c5c49;color:#0c5c49}.theme-dark .save-button{background:var(--funky-accent-four-dark);border-color:#99ffe8;box-shadow:3px 3px #99ffe8;color:#0c5c49}.pathway-container{width:100%;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2rem}.pathway-header-v2{background-color:var(--bg-secondary);border-radius:20px;border:2px solid var(--border-color);box-shadow:4px 4px 0 var(--primary-color);padding:2.5rem;text-align:center;position:relative;overflow:hidden;margin-bottom:1rem}.theme-dark .pathway-header-v2{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);box-shadow:4px 4px 0 var(--accent-color-dark)}.pathway-header-content{position:relative;z-index:1}.pathway-course-name{font-size:2.8rem!important;font-weight:900;color:var(--primary-color);margin-bottom:.75rem;letter-spacing:-.05rem;line-height:1.1}.theme-dark .pathway-course-name{color:var(--accent-color-dark)}.pathway-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.theme-dark .pathway-description{color:var(--text-secondary-dark)}.xp-display{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.xp-label{font-size:1rem;font-weight:600;color:var(--text-heading)}.theme-dark .xp-label{color:var(--text-heading-dark)}.xp-value{font-size:1.4rem;font-weight:800;color:var(--primary-color)}.theme-dark .xp-value{color:var(--accent-color-dark)}.proficiency-label{padding:.3rem .8rem;border-radius:20px;color:#fff;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:2px 2px #0003}.xp-progress-bar-container{width:80%;max-width:400px;height:10px;background-color:var(--bg-tertiary);border-radius:5px;overflow:hidden;margin:.5rem auto;border:1px solid var(--border-color)}.theme-dark .xp-progress-bar-container{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark)}.xp-progress-bar{height:100%;background-color:var(--primary-color);border-radius:5px;transition:width .5s ease-out}.theme-dark .xp-progress-bar{background-color:var(--accent-color-dark)}.xp-progress-text{font-size:.9rem;color:var(--text-secondary);margin-top:.5rem;font-weight:500}.theme-dark .xp-progress-text{color:var(--text-secondary-dark)}.theme-dark .topic-card{background:linear-gradient(120deg,var(--bg-secondary-dark) 0%,var(--bg-tertiary-dark) 100%);border-color:var(--border-color-dark);box-shadow:0 2px 4px #0000001a}.topic-card:hover{transform:translateY(-1px);box-shadow:0 6px 12px #0000000d;border-color:var(--primary-color)}.topic-number{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.theme-dark .topic-number{color:var(--text-secondary-dark)}.topic-card:hover .topic-chevron{transform:translate(2px)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.theme-dark .panel-header{border-bottom-color:var(--border-color-dark)}.panel-content{padding:1.75rem;overflow-y:auto;flex-grow:1}.editor-header .wrapper-back-button{position:absolute;top:0;left:0;background:none;border:1px solid var(--border-color);color:var(--text-color-secondary);padding:.5rem 1rem;border-radius:15px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.editor-header .wrapper-back-button:hover{background-color:var(--hover-bg);color:var(--text-color)}.theme-dark .editor-header .wrapper-back-button{border-color:var(--border-color-dark);color:var(--text-color-secondary-dark)}.theme-dark .editor-header .wrapper-back-button:hover{background-color:var(--hover-bg-dark);color:var(--text-color-secondary-dark)}.tooltip-container{position:relative;display:inline-block}.tooltip-bubble{position:absolute;bottom:calc(100% + 10px);left:-250%;transform:translate(-50%);background-color:var(--bg-tertiary);color:var(--text-primary);padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000001a;z-index:10;white-space:nowrap;font-size:.85rem;font-weight:500;text-align:center;pointer-events:none;opacity:0}.theme-dark .tooltip-bubble{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark);border-color:var(--border-color-dark);box-shadow:0 4px 12px #0000004d}.tooltip-bubble:after{content:"";position:absolute;top:100%;left:50%;margin-left:120px!important;border-width:5px;border-style:solid;border-color:var(--bg-tertiary) transparent transparent transparent}.theme-dark .tooltip-bubble:after{border-top-color:var(--bg-tertiary-dark)}.pathway-header-card{background:var(--pathway-header-bg-light);border-radius:16px;padding:2.5rem;margin-bottom:2.5rem;border:1px solid transparent;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;position:relative;overflow:hidden}.theme-dark .pathway-header-card{background:var(--pathway-header-bg-dark);border-color:var(--border-color-dark)}.pathway-header-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--pathway-header-gradient);opacity:var(--pathway-header-gradient-opacity);z-index:1}.pathway-header-content,.pathway-progress-container{position:relative;z-index:2}.pathway-header-content{flex:1}.pathway-course-name{font-size:2.25rem;font-weight:700;color:var(--text-primary);line-height:1.2}.pathway-progress-container{width:280px;flex-shrink:0;padding-top:.5rem}.pathway-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.proficiency-tier{font-size:.9rem;font-weight:600;padding:4px 10px;border-radius:999px;background-color:color-mix(in srgb,var(--tier-color) 20%,transparent);color:var(--tier-color);border:1px solid var(--tier-color)}.xp-label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.progress-bar-background{width:100%;height:8px;background-color:var(--border-color);border-radius:999px;overflow:hidden}.progress-bar-foreground{height:100%;background:var(--tier-color);border-radius:999px}.pathway-action-buttons{margin-top:1.5rem;display:flex;gap:.75rem;margin-left:-15px}.pathway-action-btn{display:grid;align-items:center;gap:.5rem;background-color:#ffffff1a;color:var(--text-primary);border:2px solid var(--text-secondary);padding:.75rem 1.5rem;border-radius:15px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.pathway-action-btn:hover{background-color:#fff3;border-color:color-mix(in srgb,var(--border-color) 80%,white)}.theme-dark .pathway-action-btn{background-color:#0003;border:2px solid var(--input-border)}.theme-dark .pathway-action-btn:hover{background-color:#0000004d;border-color:color-mix(in srgb,var(--border-color-dark-rgba) 80%,white)}@media (max-width: 860px){.pathway-header-card{flex-direction:column;align-items:stretch;padding:2rem}}.topic-list-pathway{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.back-to-courses-pathway-btn{position:absolute;top:20px;right:20px;background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:15px;padding:.6rem;display:none;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:3}.theme-dark .back-to-courses-pathway-btn{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.back-to-courses-pathway-btn:hover{background-color:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.theme-dark .back-to-courses-pathway-btn:hover{background-color:var(--border-color-dark);border-color:var(--accent-color-dark);color:var(--accent-color-dark)}@media (max-width: 768px){.back-to-courses-pathway-btn{display:flex}}.topic-card{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-radius:12px;border:1px solid var(--border-color);background:linear-gradient(120deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);cursor:pointer;transition:transform .2s ease-out,box-shadow .2s ease-out;box-shadow:0 2px 4px #00000005}.theme-dark .topic-card{background:linear-gradient(120deg,var(--bg-primary-dark) 0%,var(--bg-tertiary-dark) 100%);border-color:var(--border-color-dark);box-shadow:0 2px 4px #0000001a}.topic-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000000d;border-color:var(--primary-color)}.theme-dark .topic-card:hover{border-color:var(--accent-color-dark);box-shadow:0 6px 12px #00000026}.topic-card-left{display:flex;align-items:center;gap:1rem}.topic-card-info{display:flex;flex-direction:column;gap:.1rem}.topic-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.topic-card-right{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .2s ease}.topic-card:hover .topic-card-right{color:var(--primary-color)}.theme-dark .topic-card:hover .topic-card-right{color:var(--accent-color-dark)}.topic-chevron{transition:transform .2s ease}.topic-card:hover .topic-chevron{transform:translate(4px)}.topic-detail-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000}.topic-detail-panel{position:fixed;top:0;right:0;bottom:0;width:45vw;max-width:650px;min-width:450px;background-color:var(--bg-primary);box-shadow:-10px 0 30px #0000001a;z-index:1001;display:flex;flex-direction:column;border-left:1px solid var(--border-color)}.theme-dark .topic-detail-panel{background-color:var(--bg-primary-dark);border-left-color:var(--border-color-dark);box-shadow:-10px 0 30px #0000004d}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;border-bottom:none;flex-shrink:0}.theme-dark .panel-header{border-bottom-color:none}.panel-header-info{display:flex;align-items:center;gap:1rem;flex-grow:1;min-width:0}.panel-topic-title{font-size:1.6rem!important;font-weight:600;color:var(--text-primary);white-space:normal;word-break:break-word;line-height:1.3}.theme-dark .panel-topic-title{color:var(--text-heading-dark)}.close-panel-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s;flex-shrink:0}.close-panel-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.theme-dark .close-panel-btn:hover{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark)}.panel-action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:2rem}.panel-action-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:20px!important;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-size:.8rem!important;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.theme-dark .panel-action-btn{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.panel-action-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);background-color:var(--bg-tertiary)}.theme-dark .panel-action-btn:hover:not(:disabled){border-color:var(--accent-color-dark);color:var(--accent-color-dark);background-color:var(--bg-tertiary-dark)}.panel-action-btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-tertiary)}.theme-dark .panel-action-btn:disabled{background-color:var(--bg-tertiary-dark)}.panel-notes-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;min-height:300px;position:relative;display:flex;flex-direction:column}.theme-dark .panel-notes-container{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark)}.notes-generating-placeholder,.notes-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;color:var(--text-secondary);padding:2rem}.notes-generating-placeholder svg,.notes-placeholder svg{margin-bottom:1.5rem;color:var(--primary-color);opacity:.8}.theme-dark .notes-generating-placeholder svg,.theme-dark .notes-placeholder svg{color:var(--accent-color-dark)}.notes-generating-placeholder p,.notes-placeholder h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.theme-dark .notes-generating-placeholder p,.theme-dark .notes-placeholder h3{color:var(--text-primary-dark)}.panel-notes-container .prose{max-width:100%;background-color:transparent;padding:0;border:none}.topic-accordion,.topic-accordion-header,.topic-header-left,.topic-chevron,.topic-accordion-content,.topic-content-inner,.action-buttons,.action-btn,.notes-display-area{all:unset}.status-icon.completed{color:var(--funky-accent-four)}.theme-dark .status-icon.completed{color:var(--funky-accent-four-dark)}.status-icon.in-progress,.spinning{color:var(--primary-color);animation:spin 1.5s linear infinite}.theme-dark .status-icon.in-progress,.theme-dark .spinning{color:var(--accent-color-dark)}.not-started-outer{width:22px;height:22px;border-radius:50%;border:2px solid var(--border-color);background:var(--bg-primary);display:flex;justify-content:center;align-items:center}.theme-dark .not-started-outer{border-color:var(--border-color-dark);background:var(--bg-primary-dark)}.not-started-inner{width:8px;height:8px;border-radius:50%;background-color:var(--border-color)}.theme-dark .not-started-inner{background-color:var(--border-color-dark)}.topic-accordion{background-color:var(--bg-secondary);border-radius:16px;border:2px solid var(--border-color);box-shadow:4px 4px 0 var(--border-color);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.theme-dark .topic-accordion{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);box-shadow:4px 4px #1c1f26}.topic-accordion:hover{transform:translateY(-4px);box-shadow:8px 8px 0 var(--border-color)}.theme-dark .topic-accordion:hover{box-shadow:8px 8px #1c1f26}.topic-accordion.open{border-color:var(--primary-color);box-shadow:6px 6px 0 var(--primary-color)}.theme-dark .topic-accordion.open{background-color:var(--bg-secondary-dark);border-color:var(--accent-color-dark);box-shadow:6px 6px 0 var(--accent-color-dark)}.topic-accordion-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 1.5rem;background:none;border:none;cursor:pointer;text-align:left}.topic-title{font-size:1.2rem;font-weight:700}.theme-dark .topic-title{color:var(--text-heading-dark)}.topic-chevron{color:var(--text-secondary);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.topic-accordion.open .topic-chevron{transform:rotate(180deg);color:var(--primary-color)}.theme-dark .topic-accordion.open .topic-chevron{color:var(--accent-color-dark)}.topic-content-inner{padding:0 1.5rem 1.5rem 4.7rem}.action-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;border-bottom:2px dashed var(--border-color);padding-bottom:1.5rem}.theme-dark .action-buttons{border-bottom-color:var(--border-color-dark)}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:8px;border:2px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.theme-dark .action-btn{background-color:var(--bg-primary-dark);border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.action-btn:hover:not(:disabled){transform:translateY(-3px);border-color:var(--text-primary);color:var(--text-primary)}.theme-dark .action-btn:hover:not(:disabled){border-color:var(--text-primary-dark);color:var(--text-primary-dark)}.action-btn.notes:hover:not(:disabled){border-color:var(--funky-accent-two);color:var(--funky-accent-two)}.action-btn.quiz:hover:not(:disabled){border-color:var(--funky-accent-one);color:var(--funky-accent-one)}.action-btn.flashcards:hover:not(:disabled){border-color:var(--funky-accent-three);color:var(--funky-accent-three)}.action-btn.ask-ai:hover:not(:disabled){border-color:var(--funky-accent-four);color:var(--funky-accent-four)}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.notes-display-area .prose{background-color:var(--bg-primary);padding:1rem 1.5rem;border-radius:12px;border:2px solid var(--border-color)}.theme-dark .notes-display-area .prose{background-color:var(--bg-primary-dark);border-color:var(--border-color-dark)}.generation-stepper{position:relative;width:100%}.topic-editor-container{background-color:var(--card-bg);padding:2rem;border-radius:16px;border:1px solid var(--border-color)}.editor-header{text-align:center;margin-bottom:2rem;position:relative}.editor-header h2{font-size:1.75rem;font-weight:700;color:var(--primary-color);margin:0}.editor-header p{color:var(--text-color-secondary);margin-top:.5rem;font-size:1rem}.topics-list-editor{list-style:none;padding:0;margin:0 0 2rem;max-height:40vh;overflow-y:auto;padding-right:1rem}.topics-list-editor li{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;background-color:var(--bg-secondary);padding:.5rem;border-radius:8px;border:1px solid var(--border-color)}.topics-list-editor .topic-icon{color:var(--primary-color);flex-shrink:0;border:none}.topics-list-editor input{width:100%;background:transparent;border:none;outline:none;font-size:1rem;color:var(--text-color);font-family:inherit;padding:.5rem 0;border-bottom:2px solid transparent;transition:border-color .2s}.topics-list-editor input:focus{border-bottom-color:var(--primary-color)}.editor-actions{display:flex;justify-content:center;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.theme-dark .editor-actions{border-top-color:var(--border-color-dark)}.editor-actions button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none}.editor-actions .save-button{background-color:var(--primary-color);color:#fff}.editor-actions .save-button:hover{filter:brightness(1.1)}.editor-actions .regenerate-button{background-color:var(--hover-bg);color:var(--text-color);border:1px solid var(--border-color)}.theme-dark .editor-actions .regenerate-button{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark)}.editor-actions .regenerate-button:hover{background-color:var(--border-color)}.theme-dark .editor-actions .regenerate-button:hover{background-color:var(--border-color-dark)}.editor-actions button:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:learn-page-spin 1s linear infinite}@keyframes learn-page-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.learn-page-header{display:flex;justify-content:space-between;width:80%;align-items:center;padding:1rem 0;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.theme-dark .learn-page-header{border-bottom-color:var(--border-color-dark)}.learn-page-header .header-left{display:flex;align-items:center;gap:1rem}.learn-page-header .back-to-courses-btn{display:flex;align-items:center;gap:.5rem;background-color:var(--bg-secondary);color:var(--text-primary);padding:.6rem 1.2rem;border-radius:8px;font-weight:500;transition:background-color .2s;border:1px solid var(--border-color)}.theme-dark .learn-page-header .back-to-courses-btn{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark)}.theme-dark .learn-page-header .back-to-courses-btn:hover{background-color:var(--border-color-dark)}.learn-page-header .back-to-courses-btn:hover{background-color:var(--bg-tertiary)}.learn-page-header .mobile-hamburger,.learn-page-header .mobile-back-btn{background:none;border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:.5rem;display:flex;align-items:center;justify-content:center}.learn-page-header .user-info{display:flex;align-items:center;gap:.75rem}.learn-page-header .user-info .nickname{font-weight:500;color:var(--text-primary)}.learn-page-header .user-info .avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-color)}@media (max-width: 768px){.learn-page-header{gap:1rem;margin-top:-50px}}.delete-curriculum-section{margin-top:3rem;padding-top:1.5rem;border-top:2px dashed var(--border-color);text-align:center}.delete-curriculum-section h3{color:var(--error-color);font-weight:700;margin-bottom:.5rem}.delete-curriculum-section p{color:var(--text-color-secondary);margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}.delete-curriculum-btn{background-color:var(--error-bg);color:var(--error-color);border:1px solid var(--error-color);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.delete-curriculum-btn:hover{background-color:var(--error-color);color:#fff}.editor-header-title{font-size:1.5rem;font-weight:600;margin:0}.editor-description{font-size:.9rem;color:var(--text-color-secondary);margin-top:1rem;text-align:center;justify-content:center;right:20%}@media (max-width: 768px){.learn-page-header{gap:1rem;margin-top:-50px}.topics-list-editor{margin-left:-10px;margin-right:-20px}.editor-header,.editor-title-container{display:flex;flex-direction:column!important}}.delete-curriculum-btn:hover{background-color:var(--accent-red-hover);transform:translateY(-2px)}.topic-editor-container{padding:2rem;background-color:var(--bg-secondary);border-radius:12px;width:100%;max-width:800px;margin:2rem auto;border:1px solid var(--border-color)}.theme-dark .topic-editor-container{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark)}.editor-header{text-align:center;margin-bottom:2rem}.editor-title-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;position:relative}.editor-header .wrapper-back-button{position:absolute;left:0;top:50%;transform:translateY(-50%)}.editor-header-title{margin:0;font-size:1.8rem;color:var(--text-heading)}.theme-dark .editor-header-title{color:var(--text-heading-dark)}.editor-description{color:var(--text-secondary);max-width:600px;margin:0 auto 2rem;line-height:1.6}.theme-dark .editor-description{color:var(--text-secondary-dark)}.topics-list-editor{list-style:none;padding:0;margin:0 auto 2rem;max-width:700px;display:flex;flex-direction:column;gap:1rem}.topics-list-editor li{display:flex;align-items:center;gap:1rem;background-color:var(--bg-primary);padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color);transition:box-shadow .2s}.theme-dark .topics-list-editor li{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark)}.topics-list-editor li:focus-within{box-shadow:0 0 0 2px var(--primary-color);width:99%;margin:.5% auto}.topics-list-editor .topic-icon{color:var(--primary-color);flex-shrink:0}.theme-dark .topics-list-editor .topic-icon{color:var(--primary-color-dark)}.topics-list-editor input[type=text]{flex-grow:1;background:transparent;border:none;color:var(--text-primary);font-size:1rem;font-weight:500;width:100%;min-width:0;padding:.5rem}.theme-dark .topics-list-editor input[type=text]{color:var(--text-primary-dark)}.topics-list-editor input:focus{outline:none}.delete-topic-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .2s,background-color .2s;flex-shrink:0}.delete-topic-btn:hover{color:var(--accent-red);background-color:#ff6b6b1a}.theme-dark .delete-topic-btn{color:var(--text-secondary-dark)}.editor-actions{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}@media (max-width: 768px){.topic-editor-container{padding:1.5rem;margin:1rem auto}.editor-header-title{font-size:1.5rem;margin:0 auto;justify-content:center;text-align:center}.editor-title-container{justify-content:flex-start;text-align:left}.editor-header .wrapper-back-button{position:static;transform:none;margin-bottom:1rem;padding:.5rem 1rem}.editor-actions{flex-direction:column;width:100%;gap:1rem}.editor-actions .save-button,.editor-actions .regenerate-button{width:100%}}@media (max-width: 480px){.panel-content{overflow-x:hidden}.pathway-progress-container{padding:16px;margin-left:-15px}.pathway-action-buttons{display:inline-flex;flex-wrap:wrap}.pathway-action-btn{display:flex;flex-wrap:wrap;align-items:left;justify-content:left;text-align:center}.topic-editor-container{padding:1rem}.topics-list-editor{margin-left:-1px;margin-right:-1px}.topics-list-editor li{padding:.5rem .75rem;gap:.75rem}.topics-list-editor input[type=text]{font-size:.95rem}.pathway-action-buttons{margin-left:-10px}}.pathway-help-btn{display:inline-flex;align-items:center;gap:8px;background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);padding:8px 16px;border-radius:20px;font-weight:600;margin-top:1rem;cursor:pointer;transition:all .2s ease}.pathway-help-btn:hover{background-color:var(--bg-elevated);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.theme-dark .pathway-help-btn{background-color:var(--bg-tertiary-dark);color:var(--text-secondary-dark);border-color:var(--border-color-dark)}.theme-dark .pathway-help-btn:hover{background-color:var(--bg-elevated-dark);color:var(--text-primary-dark);box-shadow:0 4px 10px #0003}.notes-expanded-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1002}.expand-notes-btn{position:absolute;top:1rem;right:1.25rem;z-index:20;background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out}.theme-dark .expand-notes-btn{background-color:var(--bg-tertiary-dark);border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.expand-notes-btn:hover{transform:scale(1.1);color:var(--primary-color);border-color:var(--primary-color)}.theme-dark .expand-notes-btn:hover{color:var(--accent-color-dark);border-color:var(--accent-color-dark)}.notes-header-actions{position:absolute;top:2rem;right:2.5rem;z-index:20;display:flex;gap:.5rem;margin-top:3.5rem;margin-right:0rem;background-color:transparent}.notes-action-btn{background-color:color-mix(in srgb,var(--bg-tertiary) 60%,transparent);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out}.theme-dark .notes-action-btn{background-color:color-mix(in srgb,var(--bg-tertiary-dark) 60%,transparent);border-color:var(--border-color-dark);color:var(--text-secondary-dark)}.notes-action-btn:hover:not(:disabled){transform:scale(1.1);color:var(--primary-color);border-color:var(--primary-color)}.theme-dark .notes-action-btn:hover:not(:disabled){color:var(--accent-color-dark);border-color:var(--accent-color-dark)}.notes-action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.panel-notes-container.expanded{position:fixed;top:50%;left:50%;transform:translate(-48%,-50%)!important;width:60vw;height:90vh;max-width:900px;z-index:1003;padding:1rem 0 1.5rem 1.5rem;overflow-y:auto;border-radius:15px}.panel-notes-container{width:109%!important;margin-left:-20px}.panel-notes-container.expanded .notes-tabs{padding-right:1.5rem}.panel-notes-container.expanded .note-content-area{padding-right:1.5rem;width:100%}.panel-notes-container.expanded .expand-notes-btn{top:1.25rem;right:1.5rem}.panel-notes-container.expanded .notes-header-actions{top:1.5rem;right:2rem}.editor-header .help-button{background:none;border:none;color:var(--text-secondary);padding:.25rem;border-radius:50%;cursor:pointer;transition:color .2s,background-color .2s}.theme-dark .editor-header .help-button{color:var(--text-secondary-dark)}.editor-header .help-button:hover{color:var(--primary-color);background-color:var(--bg-tertiary)}.theme-dark .editor-header .help-button:hover{color:var(--accent-color-dark);background-color:var(--bg-tertiary-dark)}.tooltip-bubble.bottom{top:calc(100% + 10px);bottom:auto;left:50%;transform:translate(-50%)}.tooltip-bubble.bottom:after{top:-5px;left:50%;margin-left:-5px!important;border-color:transparent transparent var(--bg-tertiary) transparent}.theme-dark .tooltip-bubble.bottom:after{border-bottom-color:var(--bg-tertiary-dark)}.user-notes-tip-popup{position:absolute;top:calc(95% + 1.5rem);left:22%;transform:translate(-50%);background-color:var(--bg-tertiary);color:var(--text-primary);padding:1rem 1.5rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-large);z-index:1050;display:flex;align-items:center;gap:1rem;max-width:70%;min-width:300px}.theme-dark .user-notes-tip-popup{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark);border-color:var(--border-color-dark)}.user-notes-tip-popup .tip-icon{color:var(--primary-color);flex-shrink:0}.theme-dark .user-notes-tip-popup .tip-icon{color:var(--accent-color-dark)}.user-notes-tip-popup p{font-size:.9rem;font-weight:500;margin:0;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:.5rem}.user-notes-tip-popup .dismiss-tip-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:50%;margin-left:auto}.user-notes-tip-popup .dismiss-tip-btn:hover{background-color:var(--hover-bg);color:var(--text-primary)}.theme-dark .user-notes-tip-popup .dismiss-tip-btn:hover{background-color:var(--bg-tertiary-dark);color:var(--text-primary-dark)}.pre-curriculum-actions{display:flex;flex-direction:row;width:80%;align-items:center;text-align:center;margin:2.5rem 0 1.5rem;color:var(--text-secondary)}.pre-curriculum-actions .separator-line-learn-page{height:2px;width:120%!important;display:block;flex-grow:1;background-color:var(--primary-color);border:1px solid var(--primary-color)}.theme-dark .pre-curriculum-actions .separator-line-learn-page{background-color:var(--text-secondary-dark);border:1px solid var(--text-secondary-dark)}.pre-curriculum-actions .separator-text{padding:0 1rem;font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;width:100%}.theme-dark .pre-curriculum-actions .separator-text{color:var(--text-secondary-dark)}.pathway-action-buttons.pre-curriculum{justify-content:center;margin-bottom:1rem;gap:1rem}.theme-dark .pre-curriculum-actions{color:var(--text-secondary-dark)}@media (max-width: 480px){.panel-notes-container{width:99vw!important;height:99vh;margin-left:-1.5rem;transform:none!important;border-radius:20px;padding:1rem}.panel-notes-container.expanded{height:95vh;width:100vw!important;margin:0 auto}.panel-notes-container .notes-header-actions{top:4rem;right:2rem}.panel-notes-container.expanded .notes-header-actions{top:3.5rem!important}.panel-notes-container.expanded .browser-tabs-container{margin-right:-10px}.panel-notes-container.expanded .note-content-area{width:106%!important}}@media (max-width: 768px){.topic-detail-panel{width:100%;height:95vh;max-width:100%;min-width:100%;top:auto;bottom:0;border-left:none;border-top:1px solid var(--border-color);border-radius:20px 20px 0 0}.theme-dark .topic-detail-panel{border-top-color:var(--border-color-dark)}.topic-detail-panel{transform:translateY(100%)}.panel-notes-container.expanded{width:100vw;height:100vh;top:0;left:0;transform:none!important;border-radius:0;padding:1rem}.notes-header-actions{top:2rem;right:2.5rem;display:flex;flex-direction:row}.panel-notes-container.expanded .notes-header-actions{top:1.5rem;right:2rem}.user-notes-tip-popup{left:5%!important;width:90vw!important}}@media (max-width: 1200px) and (min-width: 768px){.panel-notes-container .notes-header-actions{top:3rem;right:2rem}.panel-notes-container.expanded .notes-header-actions{top:1.5rem}}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:8px;width:8px}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.xp-update-popup-container{background-color:var(--bg-primary);position:fixed;border-radius:99px;bottom:30px;right:30px;z-index:5000;pointer-events:none;display:flex;align-items:center;gap:10px;padding:12px 20px;box-shadow:0 5px 25px #00000026;border:1px solid var(--border-color);color:var(--text-primary);font-weight:600;font-size:1.05rem}.theme-dark .xp-update-popup-container{background-color:var(--bg-secondary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark);box-shadow:0 5px 25px #0000004d}.xp-icon{color:#f59e0b;filter:drop-shadow(0 0 5px #f59e0b)}.theme-dark .xp-icon{color:#facc15;filter:drop-shadow(0 0 8px #facc15)}.sparkle-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.sparkle{position:absolute;width:6px;height:6px;background:#f59e0b;border-radius:50%;opacity:0;animation:sparkle-anim .8s ease-out forwards}.theme-dark .sparkle{background:#facc15}@keyframes sparkle-anim{0%{opacity:.8;transform:scale(1) translate(0)}to{opacity:0;transform:scale(.5) translateY(100px)}}@media (max-width: 600px){.xp-update-popup-container{bottom:20px;right:20px;padding:10px 16px;font-size:1rem}}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%;max-width:100%;position:relative;-webkit-overflow-scrolling:touch}html{font-size:80%}#root{overflow-x:hidden;width:100%;max-width:100%}:root{--primary-color: #4F46E5;--primary-dark: #3730A3;--primary-light: #818CF8;--text-primary: #111827;--text-secondary: #6B7280;--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--card-bg: #ffffff;--hover-bg: #e2e8f0;--border-color: #e2e8f0;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #3b82f6;--pathway-header-bg-light: #f8f9fa;--pathway-header-gradient: linear-gradient(125deg, rgba(227, 242, 253, 0) 50%, rgba(227, 242, 253, 1) 100%);--pathway-header-gradient-opacity: .7}.dark-theme{--text-color-secondary: #9e9e9e;--background-color: #121212;--background-color-offset: #1e1e1e;--border-color: #424242;--pathway-header-bg-dark: #1e1e1e;--pathway-header-gradient: linear-gradient(125deg, rgba(23, 27, 43, 0) 50%, rgba(23, 27, 43, 1) 100%);--pathway-header-gradient-opacity: 1}.font-sm{font-size:.5rem}.font-md{font-size:.75rem}.font-lg{font-size:1.125rem}body{transition:background-color .3s ease,color .3s ease;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary)}.nav-item{position:relative}.tooltip{position:absolute;left:70px;top:50%;transform:translateY(-50%) translate(-10px);background-color:#000000d9;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:9999;box-shadow:0 4px 12px #0003;font-weight:500}.tooltip:before{content:"";position:absolute;top:50%;left:-6px;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid rgba(0,0,0,.85)}.dark-theme .tooltip{background-color:#fffffff2;color:#1a202c;box-shadow:0 4px 12px #0000004d}.dark-theme .tooltip:before{border-right-color:#fffffff2}.dashboard-sidebar:not(.collapsed) .nav-item .tooltip{display:none;visibility:hidden}.dashboard-sidebar.collapsed .nav-item:hover .tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(0);overflow-y:hidden}.preferences-updated-popup{position:fixed;bottom:24px;right:24px;background-color:#10b981;color:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;z-index:1000;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out}.preferences-updated-popup .popup-icon{background-color:#fff3;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:18px}.preferences-updated-popup .popup-content{flex-grow:1}.preferences-updated-popup h4{margin:0 0 4px;font-weight:600;font-size:16px}.preferences-updated-popup p{margin:0;font-size:14px;opacity:.9}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}html.theme-dark,html.theme-dark body{background-image:linear-gradient(to bottom right,#080e1d,#150729);color:#d1d5db;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh}@media (max-width: 480px){html{font-size:100%}.nav-item span{font-size:1.9rem!important}}