body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (prefers-reduced-motion:no-preference){*{transition:all .2s ease-in-out}}#footer{background:linear-gradient(90deg,#1a1a1a,#2d2d2d);color:#fff;overflow:hidden;padding:4rem 0 2rem;position:relative}.footer-content{margin:0 auto;max-width:1200px;padding:0 2rem}.footer-main{text-align:center}.footer-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#01a9b4);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:600;margin-bottom:2rem}.social-icons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:2.5rem}.social-icon-wrapper{position:relative;text-decoration:none}.icon-background{--icon-color:#fff;align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:3rem;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:3rem}.icon-background:before{background:var(--icon-color);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.social-icon-wrapper:hover .icon-background:before{opacity:1}.icon-background svg{position:relative;z-index:1}.social-icon-wrapper:after{background:var(--icon-color);border-radius:50%;content:"";filter:blur(15px);height:100%;opacity:0;position:absolute;transition:opacity .3s ease;width:100%}.social-icon-wrapper:hover:after{opacity:.4}.footer-divider{align-items:center;display:flex;gap:1rem;justify-content:center;margin:2rem 0}.divider-line{background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;width:100px}.divider-icon{animation:pulse 1.5s ease infinite;color:#ff4b4b;font-size:1.2rem}.footer-info{color:#ffffffb3;font-size:.9rem}.footer-info p{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.separator{color:#ffffff4d}@media (max-width:768px){#footer{padding:3rem 0 1.5rem}.footer-title{font-size:1.8rem}.social-icons{gap:1rem}.icon-background{font-size:1rem;height:2.5rem;width:2.5rem}}@media (max-width:480px){.footer-content{padding:0 1rem}.footer-title{font-size:1.5rem}.footer-info{font-size:.8rem}.divider-line{width:60px}}@media (prefers-color-scheme:dark){#footer{background:linear-gradient(90deg,#111,#222)}}:root{--home-primary:#0ff;--home-primary-rgb:0,255,255;--home-secondary:#f0f;--home-secondary-rgb:255,0,255;--home-accent:#ff0;--home-accent-rgb:255,255,0;--home-bg-dark:#0a0a0f;--home-bg-card:#1a1a2e99;--home-bg-elevated:#1e1e32cc;--home-glass-bg:#0f0f19d9;--home-text-primary:#fff;--home-text-secondary:#d0d0e0;--home-text-muted:#a0a0b0;--home-text-accent:var(--home-primary);--home-border-subtle:#ffffff14;--home-border-light:#ffffff26;--home-border-accent:#00ffff4d;--home-gradient-primary:linear-gradient(135deg,var(--home-primary),var(--home-secondary));--home-gradient-rainbow:linear-gradient(135deg,var(--home-primary),var(--home-secondary),var(--home-accent));--home-gradient-glow:linear-gradient(135deg,#0ff3,#f0f3);--home-shadow-sm:0 2px 8px #0000004d;--home-shadow-md:0 8px 24px #0006;--home-shadow-lg:0 16px 48px #00000080;--home-shadow-glow:0 0 30px #00ffff4d;--home-shadow-glow-lg:0 0 60px #0ff6;--home-space-xs:4px;--home-space-sm:8px;--home-space-md:16px;--home-space-lg:24px;--home-space-xl:32px;--home-space-2xl:48px;--home-space-3xl:64px;--home-text-xs:0.75rem;--home-text-sm:0.875rem;--home-text-base:1rem;--home-text-lg:1.125rem;--home-text-xl:1.25rem;--home-text-2xl:1.5rem;--home-text-3xl:2rem;--home-text-4xl:2.5rem;--home-text-5xl:3rem;--home-radius-sm:8px;--home-radius-md:12px;--home-radius-lg:16px;--home-radius-xl:20px;--home-radius-2xl:24px;--home-radius-full:9999px;--home-transition-fast:0.15s ease;--home-transition-normal:0.3s ease;--home-transition-slow:0.5s ease;--home-transition-spring:0.4s cubic-bezier(0.34,1.56,0.64,1)}.home-premium-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;background:var(--home-bg-dark);color:#fff;color:var(--home-text-primary);font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}.home-animated-bg{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.home-bg-particle{animation:home-float 8s ease-in-out infinite;border-radius:50%;pointer-events:none;position:absolute}@keyframes home-float{0%,to{opacity:.6;transform:translateY(0) rotate(0deg)}25%{opacity:.8;transform:translateY(-30px) rotate(90deg)}50%{opacity:.4;transform:translateY(-50px) rotate(180deg)}75%{opacity:.7;transform:translateY(-25px) rotate(270deg)}}.home-mesh-orb{animation:home-orb-float 12s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.4;position:absolute}.home-mesh-orb-1{animation-delay:0s;background:#0ff;background:var(--home-primary);height:400px;left:-100px;top:-100px;width:400px}.home-mesh-orb-2{animation-delay:-4s;background:#f0f;background:var(--home-secondary);bottom:20%;height:300px;right:-50px;width:300px}.home-mesh-orb-3{animation-delay:-8s;background:#ff0;background:var(--home-accent);height:250px;left:30%;top:50%;width:250px}@keyframes home-orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.home-scroll-indicator{background:#ffffff1a;height:3px;left:0;position:fixed;top:0;width:100%;z-index:1000}.home-scroll-progress{background:linear-gradient(135deg,#0ff,#f0f);background:var(--home-gradient-primary);box-shadow:0 0 10px #0ffc;box-shadow:0 0 10px rgba(var(--home-primary-rgb),.8);height:100%;transition:width .1s ease-out}.home-hero{align-items:center;display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:24px;padding:var(--home-space-lg);padding-top:80px;position:relative;z-index:10}.home-hero-container{display:flex;flex-direction:column;gap:32px;gap:var(--home-space-xl);margin:0 auto;max-width:1200px;width:100%}.home-hero-content{animation:home-slide-up .8s ease-out;display:flex;flex-direction:column;gap:24px;gap:var(--home-space-lg);text-align:center}@keyframes home-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.home-hero-title{font-size:2rem;font-size:var(--home-text-3xl);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0}.home-hero-title-gradient{-webkit-text-fill-color:#0000;animation:home-gradient-shift 8s linear infinite;background:linear-gradient(135deg,#0ff,#f0f,#ff0);background:var(--home-gradient-rainbow);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}@keyframes home-gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.home-hero-subtitle{color:#d0d0e0;color:var(--home-text-secondary);font-size:1.125rem;font-size:var(--home-text-lg);line-height:1.7;margin:0 auto;max-width:600px}.home-cta-container{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--home-space-md);margin-top:16px;margin-top:var(--home-space-md)}.home-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--home-radius-md);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--home-text-base);font-weight:600;gap:8px;gap:var(--home-space-sm);justify-content:center;max-width:300px;min-height:52px;overflow:hidden;padding:16px 32px;padding:var(--home-space-md) var(--home-space-xl);position:relative;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:all var(--home-transition-spring);width:100%}.home-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.home-btn:hover:before{left:100%}.home-btn-primary{background:linear-gradient(135deg,#0ff,#f0f);background:var(--home-gradient-primary);box-shadow:0 0 30px #00ffff4d;box-shadow:var(--home-shadow-glow);color:#0a0a0f;color:var(--home-bg-dark)}.home-btn-primary:hover{box-shadow:0 0 60px #0ff6;box-shadow:var(--home-shadow-glow-lg);transform:translateY(-3px)}.home-btn-primary:active{transform:translateY(-1px) scale(.98)}.home-btn-secondary{background:#0000;border:2px solid #0ff;border:2px solid var(--home-primary);color:#0ff;color:var(--home-primary)}.home-btn-secondary:hover{background:#00ffff1a;background:rgba(var(--home-primary-rgb),.1);box-shadow:0 0 20px #00ffff4d;box-shadow:0 0 20px rgba(var(--home-primary-rgb),.3);transform:translateY(-3px)}.home-btn-secondary:active{transform:translateY(-1px) scale(.98)}.home-section{opacity:0;padding:48px 16px;padding:var(--home-space-2xl) var(--home-space-md);position:relative;transform:translateY(50px);transition:all .8s cubic-bezier(.16,1,.3,1);z-index:10}.home-section.home-section-visible{opacity:1;transform:translateY(0)}.home-section-container{margin:0 auto;max-width:1200px}.home-section-header{margin-bottom:48px;margin-bottom:var(--home-space-2xl);text-align:center}.home-section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ff,#f0f);background:var(--home-gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-size:var(--home-text-3xl);font-weight:800;letter-spacing:-.02em;margin-bottom:16px;margin-bottom:var(--home-space-md)}.home-section-subtitle{color:#a0a0b0;color:var(--home-text-muted);font-size:1rem;font-size:var(--home-text-base);line-height:1.7;margin:0 auto;max-width:600px}.home-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2e99;background:var(--home-bg-card);border:1px solid #ffffff14;border:1px solid var(--home-border-subtle);border-radius:20px;border-radius:var(--home-radius-xl);overflow:hidden;padding:24px;padding:var(--home-space-lg);position:relative;transition:all .3s ease;transition:all var(--home-transition-normal)}.home-card:before{background:linear-gradient(90deg,#0000,#00ffff80,#0000);background:linear-gradient(90deg,#0000,rgba(var(--home-primary-rgb),.5),#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;transition:opacity var(--home-transition-normal)}.home-card:hover{border-color:#00ffff4d;border-color:var(--home-border-accent);box-shadow:0 16px 48px #00000080,0 0 40px #00ffff26;box-shadow:var(--home-shadow-lg),0 0 40px rgba(var(--home-primary-rgb),.15);transform:translateY(-8px)}.home-card:hover:before{opacity:1}.home-card-grid{grid-gap:24px;grid-gap:var(--home-space-lg);display:grid;gap:24px;gap:var(--home-space-lg)}.home-card-grid,.home-card-grid-2,.home-card-grid-3{grid-template-columns:1fr}.home-role-card{padding:24px 16px;padding:var(--home-space-lg) var(--home-space-md);text-align:center}.home-role-icon{align-items:center;background:linear-gradient(135deg,#0ff,#f0f);background:var(--home-gradient-primary);border-radius:12px;border-radius:var(--home-radius-md);box-shadow:0 0 30px #00ffff4d;box-shadow:var(--home-shadow-glow);color:#0a0a0f;color:var(--home-bg-dark);display:flex;height:48px;justify-content:center;margin:0 auto 16px;margin:0 auto var(--home-space-md);width:48px}.home-role-title{color:#fff;color:var(--home-text-primary);font-size:.875rem;font-size:var(--home-text-sm);font-weight:600;margin-bottom:4px;margin-bottom:var(--home-space-xs)}.home-role-subtitle{color:#a0a0b0;color:var(--home-text-muted);font-size:.75rem;font-size:var(--home-text-xs)}.home-timeline{display:flex;flex-direction:column;gap:24px;gap:var(--home-space-lg);padding-left:32px;padding-left:var(--home-space-xl);position:relative}.home-timeline:before{background:linear-gradient(180deg,#0ff,#f0f,#0000);background:linear-gradient(to bottom,var(--home-primary),var(--home-secondary),#0000);bottom:0;content:"";left:8px;position:absolute;top:0;width:2px}.home-timeline-item{position:relative;transition:all .3s ease;transition:all var(--home-transition-normal)}.home-timeline-dot{background:linear-gradient(135deg,#0ff,#f0f);background:var(--home-gradient-primary);border:3px solid #0a0a0f;border:3px solid var(--home-bg-dark);border-radius:50%;box-shadow:0 0 30px #00ffff4d;box-shadow:var(--home-shadow-glow);height:14px;left:-30px;left:calc(var(--home-space-xl)*-1 + 2px);position:absolute;top:24px;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:all var(--home-transition-spring);width:14px;z-index:1}.home-timeline-item:hover .home-timeline-dot{transform:scale(1.3)}.home-timeline-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e99;background:var(--home-bg-card);border:1px solid #ffffff14;border:1px solid var(--home-border-subtle);border-radius:16px;border-radius:var(--home-radius-lg);padding:24px;padding:var(--home-space-lg);transition:all .3s ease;transition:all var(--home-transition-normal)}.home-timeline-item:hover .home-timeline-content{border-color:#00ffff4d;border-color:var(--home-border-accent);box-shadow:0 8px 24px #0006;box-shadow:var(--home-shadow-md);transform:translateX(8px)}.home-timeline-year{color:#0ff;color:var(--home-primary);font-size:.875rem;font-size:var(--home-text-sm);font-weight:600}.home-timeline-title,.home-timeline-year{margin-bottom:4px;margin-bottom:var(--home-space-xs)}.home-timeline-title{color:#fff;color:var(--home-text-primary);font-size:1.125rem;font-size:var(--home-text-lg);font-weight:700}.home-timeline-institution{align-items:center;color:#a0a0b0;color:var(--home-text-muted);display:flex;font-size:.875rem;font-size:var(--home-text-sm);gap:8px;gap:var(--home-space-sm);margin-bottom:16px;margin-bottom:var(--home-space-md)}.home-timeline-description{color:#d0d0e0;color:var(--home-text-secondary);font-size:.875rem;font-size:var(--home-text-sm);line-height:1.7}.home-skills-grid{grid-gap:24px;grid-gap:var(--home-space-lg);display:grid;gap:24px;gap:var(--home-space-lg);grid-template-columns:1fr}.home-skill-category-title{align-items:center;color:#0ff;color:var(--home-primary);display:flex;font-size:1.25rem;font-size:var(--home-text-xl);font-weight:700;gap:8px;gap:var(--home-space-sm);margin-bottom:24px;margin-bottom:var(--home-space-lg)}.home-skill-item{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--home-border-subtle);display:flex;justify-content:space-between;padding:8px 0;padding:var(--home-space-sm) 0}.home-skill-item:last-child{border-bottom:none}.home-skill-name{color:#d0d0e0;color:var(--home-text-secondary);font-weight:500}.home-skill-dots{display:flex;gap:6px}.home-skill-dot{background:#ffffff26;background:var(--home-border-light);border-radius:50%;height:10px;transition:all .3s ease;transition:all var(--home-transition-normal);width:10px}.home-skill-dot.home-skill-dot-active{background:#0ff;background:var(--home-primary);box-shadow:0 0 10px #0ff9;box-shadow:0 0 10px rgba(var(--home-primary-rgb),.6)}.home-languages-grid{grid-gap:16px;grid-gap:var(--home-space-md);display:grid;gap:16px;gap:var(--home-space-md);grid-template-columns:repeat(2,1fr)}.home-language-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e99;background:var(--home-bg-card);border:1px solid #ffffff14;border:1px solid var(--home-border-subtle);border-radius:16px;border-radius:var(--home-radius-lg);padding:16px;padding:var(--home-space-md);text-align:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:all var(--home-transition-spring)}.home-language-card:hover{border-color:#00ffff4d;border-color:var(--home-border-accent);box-shadow:0 8px 24px #0006;box-shadow:var(--home-shadow-md);transform:translateY(-5px)}.home-language-flag{font-size:2rem;margin-bottom:8px;margin-bottom:var(--home-space-sm)}.home-language-name{color:#fff;color:var(--home-text-primary);font-size:.875rem;font-size:var(--home-text-sm);font-weight:600}.home-language-level{color:#a0a0b0;color:var(--home-text-muted);font-size:.75rem;font-size:var(--home-text-xs);margin-top:4px;margin-top:var(--home-space-xs)}.home-publication-item{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--home-border-subtle);border-radius:16px;border-radius:var(--home-radius-lg);display:flex;flex-direction:column;gap:16px;gap:var(--home-space-md);margin-bottom:16px;margin-bottom:var(--home-space-md);padding:24px;padding:var(--home-space-lg);transition:all .3s ease;transition:all var(--home-transition-normal)}.home-publication-item:hover{background:#ffffff0d;border-color:#00ffff4d;border-color:var(--home-border-accent)}.home-publication-content{flex:1 1}.home-publication-title{color:#0ff;color:var(--home-primary);font-size:.875rem;font-size:var(--home-text-sm);font-weight:600;line-height:1.5;margin-bottom:8px;margin-bottom:var(--home-space-sm)}.home-publication-journal{color:#d0d0e0;color:var(--home-text-secondary);font-size:.875rem;font-size:var(--home-text-sm);margin-bottom:4px;margin-bottom:var(--home-space-xs)}.home-publication-year{color:#a0a0b0;color:var(--home-text-muted);font-size:.75rem;font-size:var(--home-text-xs)}.home-publication-actions{display:flex;gap:8px;gap:var(--home-space-sm);justify-content:flex-start}.home-action-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border:1px solid var(--home-border-light);border-radius:8px;border-radius:var(--home-radius-sm);color:#a0a0b0;color:var(--home-text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;transition:all var(--home-transition-normal);width:40px}.home-action-btn:hover{background:#0ff3;background:rgba(var(--home-primary-rgb),.2);border-color:#0ff;border-color:var(--home-primary);color:#0ff;color:var(--home-primary)}.home-teaser{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2e99,#16213e99);border:1px solid #ffffff14;border:1px solid var(--home-border-subtle);border-radius:24px;border-radius:var(--home-radius-2xl);overflow:hidden;padding:32px;padding:var(--home-space-xl);position:relative;text-align:center}.home-teaser:before{background:linear-gradient(135deg,#0ff,#f0f);background:var(--home-gradient-primary);content:"";height:1px;left:0;position:absolute;right:0;top:0}.home-teaser-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ff,#f0f,#ff0);background:var(--home-gradient-rainbow);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-size:var(--home-text-2xl);font-weight:800;letter-spacing:-.02em;margin-bottom:16px;margin-bottom:var(--home-space-md)}.home-teaser-description{color:#d0d0e0;color:var(--home-text-secondary);font-size:1rem;font-size:var(--home-text-base);line-height:1.7;margin-left:auto;margin-right:auto;max-width:700px}.home-services-grid,.home-teaser-description{margin-bottom:32px;margin-bottom:var(--home-space-xl)}.home-services-grid{grid-gap:16px;grid-gap:var(--home-space-md);display:grid;gap:16px;gap:var(--home-space-md);grid-template-columns:repeat(2,1fr)}.home-service-card{background:#ffffff14;border:1px solid #ffffff26;border:1px solid var(--home-border-light);border-radius:16px;border-radius:var(--home-radius-lg);padding:24px;padding:var(--home-space-lg);transition:all .3s ease;transition:all var(--home-transition-normal)}.home-service-card:hover{background:#ffffff1f;box-shadow:0 8px 24px #0006;box-shadow:var(--home-shadow-md);transform:translateY(-5px)}.home-service-card-title{color:#fff;color:var(--home-text-primary);font-size:.875rem;font-size:var(--home-text-sm);font-weight:600;margin-top:8px;margin-top:var(--home-space-sm)}.home-interest-tags{display:flex;flex-wrap:wrap;gap:8px;gap:var(--home-space-sm);justify-content:center}.home-interest-tag{background:#00ffff1a;background:rgba(var(--home-primary-rgb),.1);border:1px solid #00ffff4d;border:1px solid rgba(var(--home-primary-rgb),.3);border-radius:9999px;border-radius:var(--home-radius-full);color:#0ff;color:var(--home-primary);font-size:.75rem;font-size:var(--home-text-xs);padding:8px 16px;padding:var(--home-space-sm) var(--home-space-md);transition:all .3s ease;transition:all var(--home-transition-normal)}.home-interest-tag:hover{background:#0ff3;background:rgba(var(--home-primary-rgb),.2);transform:translateY(-2px)}.home-blog-stats{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e99;background:var(--home-bg-card);border:1px solid #ffffff14;border:1px solid var(--home-border-subtle);border-radius:20px;border-radius:var(--home-radius-xl);margin-top:32px;margin-top:var(--home-space-xl);padding:24px;padding:var(--home-space-lg);transition:all .3s ease;transition:all var(--home-transition-normal)}.home-blog-stats:hover{border-color:#00ffff4d;border-color:var(--home-border-accent);box-shadow:0 0 30px #00ffff4d;box-shadow:var(--home-shadow-glow)}.home-blog-stats-header{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--home-space-md);margin-bottom:24px;margin-bottom:var(--home-space-lg);text-align:center}.home-blog-stats-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ff,#f0f);background:var(--home-gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-size:var(--home-text-xl);font-weight:700}.home-stats-grid{grid-gap:16px;grid-gap:var(--home-space-md);display:grid;gap:16px;gap:var(--home-space-md);grid-template-columns:repeat(2,1fr)}.home-stat-item{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--home-border-subtle);border-radius:12px;border-radius:var(--home-radius-md);padding:16px;padding:var(--home-space-md);text-align:center;transition:all .3s ease;transition:all var(--home-transition-normal)}.home-stat-item:hover{background:#ffffff0f;border-color:#00ffff4d;border-color:var(--home-border-accent)}.home-stat-value{color:#0ff;color:var(--home-primary);display:block;font-size:1.5rem;font-size:var(--home-text-2xl);font-weight:800}.home-stat-label{color:#a0a0b0;color:var(--home-text-muted);font-size:.75rem;font-size:var(--home-text-xs);letter-spacing:.05em;margin-top:4px;margin-top:var(--home-space-xs);text-transform:uppercase}.home-values-grid{grid-gap:24px;grid-gap:var(--home-space-lg);display:grid;gap:24px;gap:var(--home-space-lg);grid-template-columns:1fr}.home-value-card{text-align:center}.home-value-icon{align-items:center;background:linear-gradient(135deg,#0ff,#f0f);background:var(--home-gradient-primary);border-radius:50%;box-shadow:0 0 30px #00ffff4d;box-shadow:var(--home-shadow-glow);color:#0a0a0f;color:var(--home-bg-dark);display:flex;height:56px;justify-content:center;margin:0 auto 16px;margin:0 auto var(--home-space-md);transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:all var(--home-transition-spring);width:56px}.home-value-card:hover .home-value-icon{transform:scale(1.1) rotate(5deg)}.home-value-title{color:#0ff;color:var(--home-primary);font-weight:600;margin-bottom:8px;margin-bottom:var(--home-space-sm)}.home-value-description{color:#d0d0e0;color:var(--home-text-secondary);font-size:.875rem;font-size:var(--home-text-sm);line-height:1.6}.home-scroll-top{align-items:center;background:linear-gradient(135deg,#0ff,#f0f);background:var(--home-gradient-primary);border:none;border-radius:50%;bottom:24px;bottom:var(--home-space-lg);box-shadow:0 0 30px #00ffff4d;box-shadow:var(--home-shadow-glow);color:#0a0a0f;color:var(--home-bg-dark);cursor:pointer;display:flex;height:52px;justify-content:center;opacity:0;position:fixed;right:24px;right:var(--home-space-lg);transform:translateY(20px);transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:all var(--home-transition-spring);width:52px;z-index:100}.home-scroll-top.home-scroll-top-visible{opacity:1;transform:translateY(0)}.home-scroll-top:hover{box-shadow:0 0 60px #0ff6;box-shadow:var(--home-shadow-glow-lg);transform:translateY(-5px) scale(1.1)}.home-scroll-top:active{transform:scale(.95)}.home-admin-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f19d9;background:var(--home-glass-bg);border:1px solid #ffffff14;border:1px solid var(--home-border-subtle);border-radius:50%;bottom:24px;bottom:var(--home-space-lg);cursor:pointer;display:flex;height:48px;justify-content:center;left:24px;left:var(--home-space-lg);opacity:.3;position:fixed;transition:all .3s ease;transition:all var(--home-transition-normal);width:48px;z-index:100}.home-admin-btn:hover{border-color:#00ffff4d;border-color:var(--home-border-accent);opacity:1;transform:scale(1.1)}.home-impact-grid{grid-gap:24px;grid-gap:var(--home-space-lg);display:grid;gap:24px;gap:var(--home-space-lg);grid-template-columns:1fr}.home-impact-card{text-align:center}.home-impact-icon{align-items:center;background:linear-gradient(135deg,#0ff,#f0f);background:var(--home-gradient-primary);border-radius:12px;border-radius:var(--home-radius-md);color:#0a0a0f;color:var(--home-bg-dark);display:flex;height:56px;justify-content:center;margin:0 auto 16px;margin:0 auto var(--home-space-md);width:56px}.home-impact-title{color:#fff;color:var(--home-text-primary);font-weight:600;margin-bottom:8px;margin-bottom:var(--home-space-sm)}.home-impact-description{color:#d0d0e0;color:var(--home-text-secondary);font-size:.875rem;font-size:var(--home-text-sm);line-height:1.6}.home-skeleton{animation:home-skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%);background-size:200% 100%;border-radius:12px;border-radius:var(--home-radius-md)}@keyframes home-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (min-width:480px){.home-hero-title{font-size:2.5rem;font-size:var(--home-text-4xl)}.home-languages-grid{grid-template-columns:repeat(3,1fr)}.home-stats-grid{grid-template-columns:repeat(4,1fr)}.home-services-grid{gap:24px;gap:var(--home-space-lg)}}@media (min-width:640px){:root{--home-space-xs:6px;--home-space-sm:12px;--home-space-md:20px;--home-space-lg:28px;--home-space-xl:40px;--home-space-2xl:56px}.home-hero{padding:32px;padding:var(--home-space-xl)}.home-section{padding:64px 24px;padding:var(--home-space-3xl) var(--home-space-lg)}.home-cta-container{flex-direction:row;justify-content:center}.home-btn{max-width:none;width:auto}.home-card-grid-2,.home-values-grid{grid-template-columns:repeat(2,1fr)}.home-impact-grid{grid-template-columns:repeat(3,1fr)}.home-publication-item{align-items:flex-start;flex-direction:row}.home-publication-actions{margin-left:auto}.home-teaser{padding:48px;padding:var(--home-space-2xl)}.home-teaser-title{font-size:2rem;font-size:var(--home-text-3xl)}.home-blog-stats-header{flex-direction:row;justify-content:space-between;text-align:left}}@media (min-width:768px){.home-hero-title{font-size:3rem;font-size:var(--home-text-5xl)}.home-hero-subtitle{font-size:1.25rem;font-size:var(--home-text-xl)}.home-section-title{font-size:2.5rem;font-size:var(--home-text-4xl)}.home-card{padding:32px;padding:var(--home-space-xl)}.home-card-grid-3{grid-template-columns:repeat(3,1fr)}.home-skills-grid{grid-template-columns:repeat(2,1fr)}.home-languages-grid,.home-services-grid{grid-template-columns:repeat(4,1fr)}.home-timeline{padding-left:48px;padding-left:var(--home-space-2xl)}.home-timeline:before{left:12px}.home-timeline-dot{height:18px;left:-42px;left:calc(var(--home-space-2xl)*-1 + 6px);width:18px}}@media (min-width:1024px){:root{--home-text-5xl:3.5rem}.home-hero-container{align-items:center;flex-direction:row}.home-hero-content{flex:1 1;text-align:left}.home-cta-container{justify-content:flex-start}.home-section{padding:64px 32px;padding:var(--home-space-3xl) var(--home-space-xl)}.home-languages-grid{grid-template-columns:repeat(6,1fr)}.home-values-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){:root{--home-text-5xl:4rem}.home-hero-title{font-size:4rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.home-section{opacity:1;transform:none}}@media print{.home-admin-btn,.home-animated-bg,.home-scroll-indicator,.home-scroll-top{display:none!important}.home-section{break-inside:avoid;opacity:1;page-break-inside:avoid;transform:none}.home-card{background:#fff;border:1px solid #ddd;box-shadow:none}}@media (hover:hover) and (pointer:fine){.home-card:hover{transform:translateY(-8px)}.home-timeline-item:hover .home-timeline-content{transform:translateX(8px)}.home-btn-primary:hover,.home-btn-secondary:hover{transform:translateY(-3px)}}@media (hover:none){.home-btn:hover,.home-card:hover,.home-timeline-item:hover .home-timeline-content{transform:none}.home-card:active{transform:scale(.98)}.home-btn:active{transform:scale(.96)}}@media (prefers-contrast:high){:root{--home-border-subtle:#ffffff4d;--home-border-light:#ffffff80}.home-card,.home-language-card,.home-timeline-content{border-width:2px}}@media (prefers-color-scheme:dark){.home-premium-page{--home-text-secondary:#e0e0f0;--home-text-muted:#b0b0c0}}:root{--admin-bg:#0a0a0f;--admin-bg-secondary:#1a1a2e;--admin-border:#ffffff1a;--admin-text:#fff;--admin-text-muted:#a0a0b0;--admin-accent:#0ff;--admin-accent-secondary:#f0f;--admin-success:#4ade80;--admin-danger:#ef4444;--admin-warning:#fbbf24}.admin-dashboard{background-color:#0a0a0f;background-color:var(--admin-bg);color:#fff;color:var(--admin-text);min-height:100vh}.admin-mobile-menu-toggle{align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border:1px solid var(--admin-border);border-radius:8px;color:#fff;color:var(--admin-text);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.admin-mobile-menu-toggle:hover{background:#ffffff26;border-color:#0ff;border-color:var(--admin-accent)}.admin-mobile-menu-toggle:active{transform:scale(.95)}.admin-mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:150}@media (min-width:768px){.admin-mobile-menu-toggle,.admin-mobile-overlay{display:none}}.admin-header{background:linear-gradient(135deg,#0a0a0f,#1a0b2e 25%,#16213e 50%);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--admin-border);padding:12px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.admin-header-container{align-items:center;display:flex;flex-direction:row;gap:12px;margin:0 auto;max-width:1400px;padding:0 16px}.admin-logo{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(90deg,#0ff,#f0f);background:linear-gradient(90deg,var(--admin-accent),var(--admin-accent-secondary));-webkit-background-clip:text;background-clip:text;display:flex;flex:1 1;font-size:18px;font-weight:700;gap:8px}.admin-header-buttons{display:flex;flex-wrap:wrap;gap:8px}.admin-header-buttons .admin-btn{flex:1 1;font-size:13px;min-width:0;padding:10px 12px}.admin-header-buttons .admin-btn span{display:none}.admin-nav{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background:#1a1a2e;background:var(--admin-bg-secondary);border-bottom:none;border-right:1px solid #ffffff1a;border-right:1px solid var(--admin-border);display:flex;flex-direction:column;height:100vh;left:-280px;overflow-x:auto;padding-top:70px;position:fixed;scrollbar-width:none;top:0;transition:left .3s ease;width:280px;z-index:200}.admin-nav.mobile-open{left:0}.admin-nav::-webkit-scrollbar{display:none}.admin-nav-container{display:flex;flex-direction:column;gap:8px;padding:16px}.admin-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#a0a0b0;color:var(--admin-text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:flex-start;min-width:-webkit-fit-content;min-width:fit-content;padding:14px 16px;transition:all .3s ease;white-space:nowrap}.admin-nav-item .nav-label{display:block}.admin-nav-item.active{background:#00ffff1a;color:#0ff;color:var(--admin-accent)}.admin-nav-item:hover{background:#00ffff14;color:#0ff;color:var(--admin-accent)}.admin-nav-item.highlight{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff}@media (min-width:768px){.admin-nav{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--admin-border);border-right:none;flex-direction:row;height:auto;left:0;padding-top:0;position:relative;width:100%}.admin-nav-container{flex-direction:row;gap:4px;justify-content:flex-start;padding:0 16px}.admin-nav-item{border-bottom:3px solid #0000;border-radius:0;justify-content:center;padding:12px 16px}.admin-nav-item.active{background:#00ffff0d;border-bottom-color:#0ff;border-bottom-color:var(--admin-accent)}.admin-nav-item.highlight{border-bottom:none;border-radius:6px 6px 0 0}}.admin-main{margin:0 auto;max-width:1400px;padding:16px}.admin-dashboard-header{margin-bottom:20px}.admin-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ff,#f0f);background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-secondary));-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0 0 8px}.admin-subtitle{align-items:center;color:#a0a0b0;color:var(--admin-text-muted);display:flex;flex-wrap:wrap;font-size:13px;gap:8px}.admin-controls{display:flex;flex-direction:column;gap:12px;margin-top:16px}.time-range-selector{background:#1a1a2e80;border:1px solid #ffffff1a;border:1px solid var(--admin-border);border-radius:8px;display:flex;gap:4px;overflow-x:auto;padding:4px}.time-range-btn{background:#0000;border:none;border-radius:6px;color:#a0a0b0;color:var(--admin-text-muted);cursor:pointer;font-size:13px;padding:8px 12px;transition:all .3s ease;white-space:nowrap}.time-range-btn.active{background:#0ff3;color:#0ff;color:var(--admin-accent)}.admin-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-height:44px;padding:12px 16px;transition:all .3s ease}.admin-btn-primary{background:linear-gradient(135deg,#0ff,#f0f);background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-secondary));color:#0a0a0f;color:var(--admin-bg)}.admin-btn-primary:hover{box-shadow:0 4px 15px #00ffff4d;transform:translateY(-1px)}.admin-btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.admin-btn-secondary:hover{background:#ffffff26}.admin-btn-refresh{background:#00ffff1a;border:1px solid #00ffff4d;color:#0ff;color:var(--admin-accent)}.admin-btn-refresh:hover{background:#0ff3}.admin-btn-danger{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444;color:var(--admin-danger)}.admin-btn-danger:hover{background:#ef444433}.admin-error-banner{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;color:var(--admin-danger);display:flex;flex-wrap:wrap;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}.admin-error-banner button{margin-left:auto}.admin-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.admin-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e80;border:1px solid #ffffff1a;border:1px solid var(--admin-border);border-radius:12px;padding:16px;text-align:center;transition:all .3s ease}.admin-stat-card:hover{border-color:#00ffff4d;transform:translateY(-2px)}.admin-stat-icon{align-items:center;background:#00ffff1a;border-radius:8px;display:flex;height:36px;justify-content:center;margin:0 auto 8px;width:36px}.admin-stat-icon,.admin-stat-value{color:#0ff;color:var(--admin-accent)}.admin-stat-value{font-size:1.5rem;font-weight:700;margin-bottom:4px}.admin-stat-label{font-size:12px}.admin-stat-change,.admin-stat-label{color:#a0a0b0;color:var(--admin-text-muted)}.admin-stat-change{align-items:center;display:flex;font-size:11px;gap:4px;justify-content:center;margin-top:4px}.admin-stat-change.positive{color:#4ade80;color:var(--admin-success)}.admin-content-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:24px}.admin-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e80;border:1px solid #ffffff1a;border:1px solid var(--admin-border);border-radius:16px;padding:16px}.admin-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.admin-card-title{color:#0ff;color:var(--admin-accent);font-size:16px;font-weight:700;margin:0}.admin-post-item{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--admin-border);display:flex;flex-direction:column;gap:12px;padding:14px 0}.admin-post-item:last-child{border-bottom:none}.admin-post-content{flex:1 1;min-width:0}.admin-post-title{align-items:center;color:#fff;color:var(--admin-text);display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:6px;word-break:break-word}.admin-post-meta{color:#a0a0b0;color:var(--admin-text-muted);display:flex;flex-wrap:wrap;font-size:11px;gap:8px}.admin-post-meta span{align-items:center;display:flex;gap:4px}.admin-post-actions{display:flex;gap:8px;justify-content:flex-start}.admin-action-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#a0a0b0;color:var(--admin-text-muted);cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:10px;transition:all .3s ease}.admin-action-btn:hover{background:#0ff3;color:#0ff;color:var(--admin-accent)}.admin-action-btn.delete{background:#ef44441a;border-color:#ef44444d;color:#ef4444;color:var(--admin-danger)}.admin-action-btn.delete:hover{background:#ef444433}.admin-quick-actions-title{color:#0ff;color:var(--admin-accent);font-size:16px;font-weight:700;margin-bottom:16px}.admin-quick-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.admin-quick-action-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e80;border:1px solid #ffffff1a;border:1px solid var(--admin-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:16px;text-align:center;transition:all .3s ease}.admin-quick-action-card:hover{background:#ffffff0d;border-color:#00ffff4d;transform:translateY(-2px)}.admin-quick-action-icon{align-items:center;background:#00ffff1a;border-radius:8px;color:#0ff;color:var(--admin-accent);display:flex;height:32px;justify-content:center;margin:0 auto 10px;width:32px}.admin-quick-action-title{font-size:13px;font-weight:600;margin-bottom:4px}.admin-quick-action-desc{color:#a0a0b0;color:var(--admin-text-muted);font-size:11px}.admin-empty-state{color:#a0a0b0;color:var(--admin-text-muted);padding:32px 16px;text-align:center}.admin-empty-state svg{margin-bottom:8px;opacity:.5}.admin-loading{align-items:center;background:#0a0a0f;background:var(--admin-bg);color:#fff;display:flex;justify-content:center;min-height:100vh}.admin-loading-content{text-align:center}.admin-spinner{animation:admin-spin 1s linear infinite;border:4px solid #333;border-radius:50%;border-top-color:#0ff;border-top:4px solid var(--admin-accent);height:40px;margin:0 auto 16px;width:40px}@keyframes admin-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-published{background:#4ade8033;color:#4ade80;color:var(--admin-success)}.status-draft,.status-published{border-radius:4px;font-size:11px;padding:2px 8px}.status-draft{background:#fbbf2433;color:#fbbf24;color:var(--admin-warning)}@keyframes admin-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-stat-card{animation:admin-fadeIn .6s ease forwards}.admin-stat-card:first-child{animation-delay:.1s}.admin-stat-card:nth-child(2){animation-delay:.2s}.admin-stat-card:nth-child(3){animation-delay:.3s}.admin-stat-card:nth-child(4){animation-delay:.4s}@media (min-width:768px){.admin-header-container{align-items:center;flex-direction:row;justify-content:space-between;padding:0 24px}.admin-header-buttons .admin-btn{flex:initial;padding:10px 16px}.admin-header-buttons .admin-btn span,.admin-nav-item .nav-label{display:inline}.admin-main{padding:24px}.admin-title{font-size:2rem}.admin-controls{align-items:center;flex-direction:row;justify-content:space-between}.admin-stats-grid{gap:20px;grid-template-columns:repeat(4,1fr)}.admin-stat-card{padding:24px}.admin-stat-icon{height:40px;width:40px}.admin-stat-value{font-size:2rem}.admin-stat-label{font-size:14px}.admin-content-grid{gap:32px;grid-template-columns:repeat(2,1fr)}.admin-card{padding:24px}.admin-post-item{align-items:flex-start;flex-direction:row;justify-content:space-between}.admin-post-actions{flex-shrink:0;margin-left:16px}.admin-quick-actions{gap:16px;grid-template-columns:repeat(4,1fr)}.admin-quick-action-card{padding:20px}}@media (min-width:1024px){.admin-header{padding:16px 0}.admin-logo{font-size:20px}.admin-header-buttons{gap:12px}.admin-nav-container{margin:0 auto;max-width:1400px;padding:0 24px}.admin-nav-item{font-size:14px;padding:14px 20px}.admin-main{padding:40px}.admin-dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.admin-title{font-size:2.5rem}.admin-controls{margin-top:0}.admin-card-title{font-size:18px}.admin-post-title{font-size:15px}.admin-post-meta{font-size:12px;gap:12px}}@media (min-width:1920px){.admin-header-container,.admin-main,.admin-nav-container{max-width:1600px}.admin-stats-grid{gap:24px}.admin-stat-value{font-size:2.25rem}.admin-content-grid{gap:40px}}@media (prefers-reduced-motion:reduce){.admin-action-btn,.admin-btn,.admin-quick-action-card,.admin-stat-card{animation:none;transition:none}}@media print{.admin-header,.admin-header-buttons,.admin-nav,.admin-post-actions,.admin-quick-actions{display:none!important}.admin-dashboard{background:#fff;color:#000}.admin-card,.admin-stat-card{background:#fff;border:1px solid #ccc}}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(../../static/media/KaTeX_AMS-Regular.73ea273a72f4aca30ca5.woff2) format("woff2"),url(../../static/media/KaTeX_AMS-Regular.d562e886c52f12660a41.woff) format("woff"),url(../../static/media/KaTeX_AMS-Regular.853be92419a6c3766b9a.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(../../static/media/KaTeX_Caligraphic-Bold.a1abf90dfd72792a577a.woff2) format("woff2"),url(../../static/media/KaTeX_Caligraphic-Bold.d757c535a2e5902f1325.woff) format("woff"),url(../../static/media/KaTeX_Caligraphic-Bold.7489a2fbfb9bfe704420.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(../../static/media/KaTeX_Caligraphic-Regular.d6484fce1ef428d5bd94.woff2) format("woff2"),url(../../static/media/KaTeX_Caligraphic-Regular.db074fa22cf224af93d7.woff) format("woff"),url(../../static/media/KaTeX_Caligraphic-Regular.7e873d3833eb108a0758.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(../../static/media/KaTeX_Fraktur-Bold.931d67ea207ab37ee693.woff2) format("woff2"),url(../../static/media/KaTeX_Fraktur-Bold.354501bac435c3264834.woff) format("woff"),url(../../static/media/KaTeX_Fraktur-Bold.4c761b3711973ab04edf.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(../../static/media/KaTeX_Fraktur-Regular.172d3529b26f8cedef6b.woff2) format("woff2"),url(../../static/media/KaTeX_Fraktur-Regular.6fdf0ac577be0ba82a4c.woff) format("woff"),url(../../static/media/KaTeX_Fraktur-Regular.ed305b5434865e06ffde.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(../../static/media/KaTeX_Main-Bold.39890742bc957b368704.woff2) format("woff2"),url(../../static/media/KaTeX_Main-Bold.0c3b8929d377c0e9b2f3.woff) format("woff"),url(../../static/media/KaTeX_Main-Bold.8169508bf58f8bd92ad8.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(../../static/media/KaTeX_Main-BoldItalic.20f389c4120be058d80a.woff2) format("woff2"),url(../../static/media/KaTeX_Main-BoldItalic.428978dc7837d46de091.woff) format("woff"),url(../../static/media/KaTeX_Main-BoldItalic.828abcb200061cffbaae.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(../../static/media/KaTeX_Main-Italic.fe2176f79edaa716e621.woff2) format("woff2"),url(../../static/media/KaTeX_Main-Italic.fd947498bc16392e76c2.woff) format("woff"),url(../../static/media/KaTeX_Main-Italic.fa675e5e4bec9eb250b6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(../../static/media/KaTeX_Main-Regular.f650f111a3b890d116f1.woff2) format("woff2"),url(../../static/media/KaTeX_Main-Regular.4f35fbcc9ee8614c2bcc.woff) format("woff"),url(../../static/media/KaTeX_Main-Regular.9eba1d77abcf2aa6e94e.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(../../static/media/KaTeX_Math-BoldItalic.dcbcbd93bac0470b462d.woff2) format("woff2"),url(../../static/media/KaTeX_Math-BoldItalic.3f07ed67f06c720120ce.woff) format("woff"),url(../../static/media/KaTeX_Math-BoldItalic.bf2d440b3a42ea78a998.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(../../static/media/KaTeX_Math-Italic.6d3d25f4820d0da8f01f.woff2) format("woff2"),url(../../static/media/KaTeX_Math-Italic.96759856b4e70f3a8338.woff) format("woff"),url(../../static/media/KaTeX_Math-Italic.8a5f936332e8028c7278.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(../../static/media/KaTeX_SansSerif-Bold.95591a929f0d32aa282a.woff2) format("woff2"),url(../../static/media/KaTeX_SansSerif-Bold.b9cd458ac6d5889ff9c3.woff) format("woff"),url(../../static/media/KaTeX_SansSerif-Bold.5b49f4993ae22d7975b4.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(../../static/media/KaTeX_SansSerif-Italic.7d393d382f3e7fb1c637.woff2) format("woff2"),url(../../static/media/KaTeX_SansSerif-Italic.8d593cfaa96238d5e2f8.woff) format("woff"),url(../../static/media/KaTeX_SansSerif-Italic.b257a18c016f37ee4543.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(../../static/media/KaTeX_SansSerif-Regular.cd5e231e0cc53b2cb2c0.woff2) format("woff2"),url(../../static/media/KaTeX_SansSerif-Regular.02271ec5cb9f5b4588ac.woff) format("woff"),url(../../static/media/KaTeX_SansSerif-Regular.2f7bc363fc5424ebda59.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(../../static/media/KaTeX_Script-Regular.c81d1b2a4b75d3eded60.woff2) format("woff2"),url(../../static/media/KaTeX_Script-Regular.073b3402d036714b4370.woff) format("woff"),url(../../static/media/KaTeX_Script-Regular.fc9ba5249878cd8f8d88.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(../../static/media/KaTeX_Size1-Regular.6eec866c69313624be60.woff2) format("woff2"),url(../../static/media/KaTeX_Size1-Regular.0108e89c9003e8c14ea3.woff) format("woff"),url(../../static/media/KaTeX_Size1-Regular.6de7d4b539221a49e9e2.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(../../static/media/KaTeX_Size2-Regular.2960900c4f271311eb36.woff2) format("woff2"),url(../../static/media/KaTeX_Size2-Regular.3a99e70aee4076660d38.woff) format("woff"),url(../../static/media/KaTeX_Size2-Regular.57f5c1837853986ea1db.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(../../static/media/KaTeX_Size3-Regular.e1951519f6f0596f7356.woff2) format("woff2"),url(../../static/media/KaTeX_Size3-Regular.7947224e8a9914fa332b.woff) format("woff"),url(../../static/media/KaTeX_Size3-Regular.8d6b6822586eea3d3b20.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(../../static/media/KaTeX_Size4-Regular.e418bf257af1052628d8.woff2) format("woff2"),url(../../static/media/KaTeX_Size4-Regular.aeffd8025cba3647f1a6.woff) format("woff"),url(../../static/media/KaTeX_Size4-Regular.4ad7c7e8bb8d10a34bb7.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(../../static/media/KaTeX_Typewriter-Regular.c295e7f71970f03c0549.woff2) format("woff2"),url(../../static/media/KaTeX_Typewriter-Regular.4c6b94fd1d07f8beff7c.woff) format("woff"),url(../../static/media/KaTeX_Typewriter-Regular.c5c02d763c89380dcb4e.ttf) format("truetype")}.katex{font:normal 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.27"}.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: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}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.note-taking-container{grid-gap:0;background:#f8f9fa;display:grid;gap:0;height:calc(100vh - 120px);transition:background-color .3s ease,color .3s ease}.note-taking-container.resizing *{pointer-events:none;-webkit-user-select:none;user-select:none}.note-taking-container.resizing .ql-editor,.note-taking-container.resizing iframe{pointer-events:none}body.resizing-panel{-webkit-user-select:none!important;user-select:none!important}body.resizing-panel,body.resizing-panel *{cursor:ew-resize!important}body.resizing-panel:before{background:#00000005;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}.resize-handle{background:#0000;bottom:0;cursor:ew-resize;display:none;position:absolute;top:0;touch-action:none;transition:none;width:8px;z-index:10001}@media (min-width:993px){.resize-handle{display:block}}.resize-handle:before{background:var(--border-color);bottom:0;top:0;transform:translateX(-50%);transition:opacity .15s ease,background .15s ease,width .15s ease;width:1px}.resize-handle:after,.resize-handle:before{content:"";left:50%;opacity:0;position:absolute}.resize-handle:after{background:var(--accent-color);border-radius:4px;height:48px;pointer-events:none;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:20px}.resize-handle:hover:before{background:var(--accent-color);opacity:1;width:2px}.resize-handle:hover:after{opacity:.8}.note-taking-container.resizing .resize-handle:before,.resize-handle:active:before{background:var(--accent-color);opacity:1;width:3px}.note-taking-container.resizing .resize-handle:after,.resize-handle:active:after{box-shadow:0 2px 8px #007bff66;opacity:1}.resize-handle-notes-list,.resize-handle-sidebar{right:0;transform:translateX(50%)}.note-taking-container.theme-light{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#495057;--text-tertiary:#6c757d;--border-color:#dee2e6;--accent-color:#007bff;--hover-bg:#f1f3f5}.note-taking-container.theme-dark{--bg-primary:#1e1e1e;--bg-secondary:#252526;--bg-tertiary:#2d2d30;--text-primary:#e0e0e0;--text-secondary:#ccc;--text-tertiary:#a0a0a0;--border-color:#3e3e42;--accent-color:#0e639c;--hover-bg:#2a2d2e;background:var(--bg-secondary)}.note-taking-container.theme-sepia{--bg-primary:#f4ecd8;--bg-secondary:#e8dcc4;--bg-tertiary:#d9cbb0;--text-primary:#3e2723;--text-secondary:#5d4037;--text-tertiary:#6d4c41;--border-color:#d7ccc8;--accent-color:#8d6e63;--hover-bg:#efe5d4;background:var(--bg-secondary)}.theme-selector{-webkit-appearance:none;appearance:none;background:var(--bg-secondary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;background-size:1.2em;border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-weight:500;padding:.6rem 2.5rem .6rem .85rem;transition:all .2s}.theme-selector:hover{background:var(--hover-bg);border-color:var(--accent-color)}.theme-selector:focus{background:var(--hover-bg);outline:2px solid var(--accent-color);outline-offset:2px}.notes-sidebar{background:var(--bg-primary);border-right:1px solid var(--border-color);min-width:0;overflow-x:hidden;overflow-y:auto;padding:1.25rem;z-index:3}.sidebar-header{border-bottom:2px solid var(--border-color);flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.sidebar-header-content{width:100%}.sidebar-header h2{color:var(--text-primary);font-size:1.1rem}.sidebar-header h2,.sidebar-header h3{flex:1 1;font-weight:600;letter-spacing:.3px;margin:0}.sidebar-header h3{color:var(--text-secondary);font-size:.95rem}.sections-header{border-bottom:none;border-top:1px solid var(--border-color);gap:.75rem;margin-bottom:1rem;margin-top:1.5rem;padding-bottom:0;padding-top:1rem}.btn-icon{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:background .2s;width:36px}.btn-icon,.btn-icon:hover{background:var(--accent-color)}.btn-icon:hover{filter:brightness(1.2)}.notebooks-list,.sections-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.notebook-item,.section-item{align-items:center;background:var(--bg-secondary);border-radius:6px;color:var(--text-primary);display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;transition:all .2s}.notebook-item:hover,.section-item:hover{background:var(--hover-bg);transform:translateX(2px)}.notebook-item.active,.section-item.active{background:var(--bg-tertiary);box-shadow:0 2px 4px #0000000d;color:var(--text-primary);font-weight:600}.notebook-item span:first-child,.section-item span:first-child{flex-shrink:0;font-size:1.3rem;line-height:1}.notes-list-panel{background:var(--bg-secondary);border-right:1px solid var(--border-color);min-height:0;min-width:0;position:relative;z-index:2}.notes-list-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;flex-shrink:0;padding:1.25rem 1.5rem 1.25rem 12%}.search-bar{margin-bottom:1.25rem}.search-bar input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 1px 2px #0000000d;color:var(--text-primary);font-size:.95rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s}.search-bar input:focus{background:var(--bg-primary);border-color:var(--accent-color);box-shadow:0 0 0 3px #007bff1a,0 1px 2px #0000000d}.search-bar input::placeholder{color:var(--text-tertiary);font-size:.9rem}.notes-actions{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:auto 1fr auto;margin-bottom:1rem;min-height:44px}.btn-danger,.btn-primary,.btn-secondary{border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;font-size:.9rem;font-weight:600;padding:.65rem 1.25rem;transition:all .2s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#0069d9,#004494);box-shadow:0 4px 12px #007bff4d;transform:translateY(-2px)}.btn-new-note{align-items:center;display:flex;flex-shrink:0;font-weight:600;gap:.25rem}.btn-primary:hover{filter:brightness(1.2)}.btn-secondary{background:var(--text-tertiary);color:#fff}.btn-secondary:hover{filter:brightness(1.1)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.sort-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px #0000000d;color:var(--text-primary);cursor:pointer;font-size:.85rem;min-width:140px;padding:.6rem .85rem;transition:all .2s}.sort-select:hover{border-color:var(--accent-color);box-shadow:0 1px 4px #007bff26}.sort-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #007bff1a,0 1px 2px #0000000d;outline:none}.view-modes{border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;gap:0;overflow:hidden}.view-modes button{background:var(--bg-primary);border:none;border-right:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-size:1.1rem;padding:.6rem .9rem;transition:all .2s}.view-modes button:last-child{border-right:none}.view-modes button:hover{background:var(--hover-bg);color:var(--text-primary)}.view-modes button.active{background:linear-gradient(135deg,#007bff,#0056b3);border-color:var(--accent-color);box-shadow:inset 0 1px 3px #0000001a;color:#fff}.filter-options{border-top:1px solid var(--border-color);display:flex;font-size:.85rem;gap:1.5rem;margin-top:.75rem;padding-top:1rem}.filter-options label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;transition:all .2s;-webkit-user-select:none;user-select:none}.filter-options label:hover{color:var(--accent-color)}.filter-options input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;height:17px;width:17px}.notes-list{background:var(--bg-secondary);flex:1 1;overflow-y:auto;padding:1.25rem 1.5rem 1.25rem 12%}.notes-list p{color:var(--text-tertiary);font-size:.95rem;line-height:1.6;padding:4rem 2rem;text-align:center}.notes-list.list{display:flex;flex-direction:column;gap:.75rem}.notes-list.grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.note-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 1px 3px #00000014;padding:1.25rem;transition:all .2s ease}.note-card:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #0000001f}.note-card.selected{background:var(--bg-primary);border-color:var(--accent-color);box-shadow:0 0 0 2px #007bff33,0 4px 12px #007bff26;transform:translateY(-1px)}.note-card-header{margin-bottom:.5rem}.note-card-header h4{color:var(--text-primary);font-size:1.05rem}.note-icons{font-size:.9rem;gap:.25rem}.note-preview{color:var(--text-secondary);font-size:.875rem;margin:.75rem 0}.note-meta{color:var(--text-tertiary);font-size:.75rem;margin-top:.5rem}.note-tags{gap:.25rem}.tag-badge{background:#007bff1a;border:1px solid #007bff33;border-radius:12px;color:var(--accent-color);font-size:.7rem;font-weight:500;padding:.25rem .65rem}.empty-state{color:#adb5bd;padding:3rem 1rem}.note-editor-panel{background:var(--bg-primary);min-width:0;position:relative;z-index:1}.editor-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.note-title-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:1.5rem;font-weight:600;min-width:200px;padding:.75rem}.note-title-input:focus{border-bottom:2px solid var(--accent-color);outline:none}.note-title-input::placeholder{color:var(--text-tertiary)}.editor-actions button{padding:.5rem .75rem}.editor-actions button.active{background:#ffc107}.editor-actions input[type=color]{border:1px solid #ced4da;border-radius:6px;cursor:pointer;height:38px;width:40px}.editor-body{flex:1 1;overflow-y:auto;padding:1rem}.ql-container{background:var(--bg-primary);font-size:1rem;min-height:300px}.ql-container,.ql-editor{color:var(--text-primary)}.ql-editor{padding:1rem}.ql-editor.ql-blank:before{color:var(--text-tertiary)}.ql-toolbar{background:var(--bg-secondary);border:1px solid var(--border-color)!important;border-radius:6px;margin-bottom:1rem}.theme-dark .ql-toolbar .ql-stroke{stroke:var(--text-secondary)}.theme-dark .ql-toolbar .ql-fill{fill:var(--text-secondary)}.theme-dark .ql-toolbar .ql-picker-label{color:var(--text-secondary)}.theme-sepia .ql-toolbar .ql-stroke{stroke:var(--text-secondary)}.theme-sepia .ql-toolbar .ql-fill{fill:var(--text-secondary)}.media-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-top:2rem;padding:1rem}.media-section h3{color:var(--text-secondary);font-size:1.1rem;margin-top:0}.dropzone{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:8px;cursor:pointer;margin-bottom:1rem;padding:2rem;text-align:center;transition:all .2s}.dropzone.active,.dropzone:hover{background:var(--bg-tertiary);border-color:var(--accent-color)}.dropzone p{color:var(--text-tertiary);margin:0}.images-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:1rem}.image-item{aspect-ratio:1;border:1px solid #dee2e6;border-radius:8px;overflow:hidden;position:relative}.image-item img{height:100%;object-fit:cover;width:100%}.image-item button{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:28px;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:28px}.attachments-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.attachment-item{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.attachment-item button{background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:28px;width:28px}.checklist-section{border:1px solid #dee2e6;border-radius:8px;margin-top:2rem;padding:1rem}.checklist-section h3{color:#495057;font-size:1.1rem;margin-top:0}.checklist-input{display:flex;gap:.5rem;margin-bottom:1rem}.checklist-input input{border:1px solid #ced4da;border-radius:6px;flex:1 1;padding:.5rem}.checklist-input button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem}.checklist-items{display:flex;flex-direction:column;gap:.5rem}.checklist-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;gap:.5rem;padding:.5rem}.checklist-item input[type=checkbox]{cursor:pointer;height:20px;width:20px}.checklist-item span{flex:1 1}.checklist-item span.checked{color:#6c757d;text-decoration:line-through}.checklist-item button{background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;height:24px;width:24px}.code-section{border:1px solid #dee2e6;border-radius:8px;margin-top:2rem;padding:1rem}.code-section h3{color:#495057;font-size:1.1rem;margin-top:0}.code-input{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.code-input select{padding:.5rem}.code-input select,.code-input textarea{border:1px solid #ced4da;border-radius:6px}.code-input textarea{font-family:Courier New,monospace;padding:.75rem;resize:vertical}.code-input button{align-self:flex-start;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem}.code-snippets{display:flex;flex-direction:column;gap:1rem}.code-snippet{border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.code-header{align-items:center;background:#343a40;color:#fff;display:flex;font-size:.85rem;justify-content:space-between;padding:.5rem 1rem}.code-header button{background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;height:24px;width:24px}.code-snippet pre{background:#f8f9fa;margin:0;overflow-x:auto;padding:1rem}.code-snippet code{font-family:Courier New,monospace;font-size:.9rem}.metadata-section{grid-gap:1.5rem;border:1px solid #dee2e6;border-radius:8px;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:2rem;padding:1rem}.metadata-section h4{color:#495057;font-size:1rem;margin-bottom:.5rem;margin-top:0}.tag-input-group{display:flex;gap:.5rem;margin-bottom:.5rem}.tag-input-group input{border:1px solid #ced4da;border-radius:6px;flex:1 1;padding:.5rem}.tag-input-group button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-item{background:#e9ecef;border-radius:16px;color:#495057;font-size:.85rem;gap:.25rem;padding:.25rem .75rem}.tag-item,.tag-item button{align-items:center;display:flex}.tag-item button{background:#6c757d;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:.75rem;height:18px;justify-content:center;width:18px}.category-input input{border:1px solid #ced4da;border-radius:6px;padding:.5rem;width:100%}.note-view{padding:1rem}.note-view-content{line-height:1.6;margin-bottom:2rem}.note-view-content h1,.note-view-content h2,.note-view-content h3,.note-view-content h4,.note-view-content h5,.note-view-content h6{margin-bottom:.5rem;margin-top:1.5rem}.note-view-content p{margin-bottom:1rem}.note-view-content ol,.note-view-content ul{margin-bottom:1rem;padding-left:2rem}.note-view-content blockquote{border-left:4px solid #007bff;color:#6c757d;margin:1rem 0;padding-left:1rem}.note-view-content code{background:#f8f9fa;border-radius:3px;font-family:Courier New,monospace;padding:.2rem .4rem}.note-view-content pre{background:#f8f9fa;border-radius:6px;overflow-x:auto;padding:1rem}.checklist-view{background:#f8f9fa;border-radius:8px;margin-top:2rem;padding:1rem}.checklist-view h4{margin-bottom:1rem;margin-top:0}.checklist-item-view{align-items:center;display:flex;gap:.5rem;padding:.5rem 0}.checklist-item-view input[type=checkbox]{height:20px;width:20px}.code-snippets-view{margin-top:2rem}.code-snippets-view h4{margin-bottom:1rem}.tags-view{gap:.5rem;margin-top:2rem}.editor-footer,.tags-view{display:flex;flex-wrap:wrap}.editor-footer{align-items:center;border-top:1px solid #dee2e6;color:#6c757d;font-size:.85rem;gap:1rem;justify-content:space-between;padding:1rem}.empty-editor{align-items:center;color:#adb5bd;display:flex;font-size:1.1rem;height:100%;justify-content:center}.modal-overlay{background:#00000080}.modal-content{background:var(--bg-primary);border-radius:12px;box-shadow:0 4px 16px #0003;max-width:500px;padding:2rem}.modal-content h3{color:var(--text-primary);margin-bottom:1.5rem;margin-top:0}.modal-content form{display:flex;flex-direction:column;gap:1rem}.modal-content input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem;padding:.75rem}.modal-content input::placeholder{color:var(--text-tertiary)}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.mobile-menu-toggle,.mobile-notes-toggle{background:var(--accent-color);border:none;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:none;font-size:1.5rem;height:48px;position:fixed;transition:all .3s;width:48px;z-index:1001}.mobile-menu-toggle:active,.mobile-notes-toggle:active{transform:scale(.95)}.mobile-close-btn{background:var(--text-tertiary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:1.3rem;height:36px;position:absolute;right:1rem;top:1rem;transition:all .2s;width:36px;z-index:1002}.mobile-close-btn:hover{background:var(--text-secondary);transform:rotate(90deg)}@media (max-width:1200px){.note-taking-container{grid-template-columns:220px 280px 1fr}.sidebar-header h2{font-size:1.1rem}.theme-selector{font-size:.8rem;padding:.3rem .5rem}}@media (max-width:992px){.note-taking-container{grid-template-columns:1fr;height:calc(100vh - 80px)}.mobile-menu-toggle{left:20px}.mobile-menu-toggle,.mobile-notes-toggle{align-items:center;bottom:20px;display:flex;justify-content:center}.mobile-notes-toggle{left:80px}.mobile-close-btn{display:block}.notes-list-panel,.notes-sidebar{box-shadow:4px 0 12px #0003;height:100vh;left:0;max-width:350px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:85%;z-index:1000}.notes-list-panel{box-shadow:-4px 0 12px #0003;left:auto;right:0;transform:translateX(100%)}.notes-list-panel.open,.notes-sidebar.open{transform:translateX(0)}.note-editor-panel{grid-column:1}.editor-header{flex-wrap:wrap;gap:.5rem}.note-title-input{font-size:1.3rem;padding:.5rem}.editor-actions{justify-content:flex-start;overflow-x:auto;width:100%}.editor-actions button{font-size:.85rem;padding:.4rem .6rem}.notes-actions{flex-wrap:wrap;gap:.3rem}.btn-primary,.btn-secondary{font-size:.85rem;padding:.4rem .8rem}}@media (max-width:768px){.note-taking-container{height:calc(100vh - 60px)}.notes-list-panel,.notes-sidebar{max-width:320px;width:90%}.sidebar-header{gap:.5rem}.sidebar-header-content,.theme-selector{width:100%}.notebooks-list,.sections-list{gap:.3rem}.notebook-item,.section-item{font-size:.9rem;padding:.6rem}.notes-list-header{padding:.75rem}.search-bar input{font-size:.9rem;padding:.4rem .8rem}.notes-actions{gap:.25rem}.sort-select{font-size:.85rem;padding:.4rem}.view-modes button{font-size:.9rem;padding:.4rem .6rem}.filter-options{align-items:flex-start;flex-direction:column;gap:.5rem}.note-card,.notes-list{padding:.75rem}.note-card-header h4{font-size:.95rem}.note-preview{font-size:.8rem}.note-meta{align-items:flex-start;flex-direction:column;font-size:.7rem;gap:.25rem}.editor-header{padding:.75rem}.note-title-input{font-size:1.2rem;padding:.4rem}.editor-actions{gap:.3rem}.editor-actions button{font-size:.8rem;padding:.3rem .5rem}.editor-body{padding:.75rem}.ql-toolbar{padding:.5rem}.ql-editor{font-size:.95rem;min-height:200px}.checklist-section,.code-section,.media-section,.metadata-section{margin-top:1rem;padding:.75rem}.checklist-section h3,.code-section h3,.media-section h3{font-size:1rem}.metadata-section{gap:1rem;grid-template-columns:1fr}.dropzone{font-size:.9rem;padding:1.5rem}.images-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.code-input textarea{font-size:.85rem}.editor-footer{align-items:flex-start;flex-direction:column;font-size:.75rem;gap:.5rem;padding:.75rem}.modal-content{padding:1.5rem;width:95%}.modal-content h3{font-size:1.2rem}.modal-content input{font-size:.95rem;padding:.6rem}}@media (max-width:480px){.mobile-menu-toggle,.mobile-notes-toggle{font-size:1.3rem;height:44px;width:44px}.mobile-menu-toggle{bottom:15px;left:15px}.mobile-notes-toggle{bottom:15px;left:70px}.notes-list-panel,.notes-sidebar{max-width:none;width:100%}.btn-icon,.sidebar-header h2{font-size:1rem}.btn-icon{height:28px;width:28px}.theme-selector{font-size:.75rem;padding:.3rem .4rem}.note-title-input{font-size:1.1rem}.editor-actions button{font-size:.75rem;padding:.25rem .4rem}.notes-list-header{padding:.5rem}.notes-actions button{font-size:.8rem;padding:.35rem .6rem}.ql-toolbar{padding:.3rem}.ql-toolbar button{height:24px;width:24px}.ql-editor{font-size:.9rem;min-height:150px;padding:.75rem}.checklist-section,.code-section,.media-section{padding:.5rem}.dropzone{font-size:.85rem;padding:1rem}.category-input input,.checklist-input input,.tag-input-group input{font-size:.85rem;padding:.4rem}.code-snippet pre{font-size:.8rem;padding:.75rem}}@media (max-height:600px) and (orientation:landscape){.note-taking-container{height:calc(100vh - 40px)}.ql-editor{min-height:120px}.editor-footer{padding:.5rem}.mobile-menu-toggle,.mobile-notes-toggle{bottom:10px;height:40px;width:40px}}.editor-body::-webkit-scrollbar,.notes-list::-webkit-scrollbar,.notes-sidebar::-webkit-scrollbar{width:8px}.editor-body::-webkit-scrollbar-track,.notes-list::-webkit-scrollbar-track,.notes-sidebar::-webkit-scrollbar-track{background:#f1f1f1}.editor-body::-webkit-scrollbar-thumb,.notes-list::-webkit-scrollbar-thumb,.notes-sidebar::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.editor-body::-webkit-scrollbar-thumb:hover,.notes-list::-webkit-scrollbar-thumb:hover,.notes-sidebar::-webkit-scrollbar-thumb:hover{background:#555}.embed-container{background:var(--bg-secondary);border-radius:8px;margin:1rem 0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.embed-container iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.figma-embed,.gdocs-embed,.youtube-embed{border:2px solid var(--border-color)}.flowchart-container{background:#fafafa;border:2px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:1.5rem 0;min-height:400px;overflow:hidden}.flowchart-placeholder{background:#f0f9ff;border:2px dashed #3b82f6;border-radius:8px;color:#3b82f6;font-size:1.2rem;font-weight:500;margin:1.5rem 0;padding:2rem;text-align:center}.drawio-editor .drawio-sidebar{background:#f8f9fa;padding:15px}.drawio-editor .shape-category h4{color:#666;font-size:13px;letter-spacing:.5px;margin:15px 0 10px;text-transform:uppercase}.drawio-editor .shape-btn{align-items:center;background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;display:flex;justify-content:center;min-height:50px;padding:10px;transition:all .2s}.drawio-editor .shape-btn:hover{background:#f0f9ff;border-color:#4dabf7;transform:scale(1.05)}.drawio-editor .tool-group{background:#f1f3f5;border-radius:6px;display:flex;gap:5px;padding:4px}.drawio-editor .btn-tool{background:#0000;border:none;border-radius:4px;color:#495057;cursor:pointer;font-size:12px;font-weight:500;padding:8px 14px;transition:all .2s}.drawio-editor .btn-tool:hover{background:#fff;color:#228be6}.drawio-editor .btn-tool.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#228be6}.flowchart-diagram{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:8px;display:flex;justify-content:center;margin:1.5rem 0;min-height:200px;overflow-x:auto;padding:1.5rem}.flowchart-diagram p{color:var(--text-secondary);font-style:italic}.latex-equation{background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 4px #00000014;margin:1.5rem 0;overflow-x:auto;padding:1.5rem;text-align:center}.latex-equation .katex{font-size:1.3em}.latex-equation .katex-display{margin:0}.latex-preview{align-items:center;background:var(--bg-tertiary);border-radius:6px;display:flex;justify-content:center;margin-top:1rem;min-height:60px;padding:1rem}.pomodoro-widget{background:var(--bg-primary);border:2px solid var(--accent-color);bottom:2rem;right:2rem;z-index:1000}.pomodoro-header h4{color:var(--text-primary)}.pomodoro-close{color:var(--text-secondary);font-size:1.5rem;transition:color .2s}.pomodoro-close:hover{color:var(--text-primary)}.pomodoro-mode-selector{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.btn-mode{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-mode:hover:not(:disabled){background:var(--hover-bg);border-color:var(--accent-color)}.btn-mode.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.btn-mode:disabled{cursor:not-allowed;opacity:.5}.pomodoro-display{color:var(--accent-color);font-family:Courier New,monospace;font-size:3rem;font-weight:700;margin-bottom:1rem;text-align:center}.pomodoro-controls{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.pomodoro-controls button{font-size:.9rem;padding:.5rem 1rem}.saved-searches{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem;margin-bottom:.75rem}.saved-search-chip{align-items:center;background:var(--bg-tertiary);border-radius:12px;display:inline-flex;gap:.25rem;padding:.25rem .5rem;transition:all .2s}.saved-search-chip button{background:none;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.85rem;padding:.15rem .35rem;transition:all .2s}.saved-search-chip button:hover{background:var(--hover-bg)}.saved-search-chip .delete-search{color:var(--text-tertiary);font-size:.75rem}.saved-search-chip .delete-search:hover{background:#dc35451a;color:#dc3545}.btn-save-search{background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.4rem .6rem;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .2s}.btn-save-search:hover{background:var(--accent-color);filter:brightness(1.1);transform:translateY(-50%) scale(1.05)}.search-bar input{padding-right:50px}.modal-large{max-width:800px;width:90%}.embed-form,.reminder-form{display:flex;flex-direction:column;gap:1rem}.embed-form input,.embed-form select,.reminder-form input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem}.embed-form input:focus,.embed-form select:focus,.reminder-form input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #007bff1a;outline:none}.timeline-view{padding:2rem}.timeline-item{margin-bottom:2rem;padding-left:3rem;position:relative}.timeline-item:before{background:var(--border-color);bottom:-2rem;content:"";left:.75rem;position:absolute;top:0;width:2px}.timeline-item:after{background:var(--accent-color);border:3px solid var(--bg-primary);border-radius:50%;content:"";height:12px;left:.5rem;position:absolute;top:.5rem;width:12px}.editor-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.editor-actions button{font-size:.85rem;padding:.5rem .85rem;white-space:nowrap}@media (max-width:768px){.pomodoro-widget{bottom:1rem;min-width:200px;padding:1rem;right:1rem}.pomodoro-display{font-size:2rem}.editor-actions button{font-size:.75rem;padding:.4rem .6rem}.saved-searches{font-size:.75rem}}.inline-latex-equation{background:#fff;background:var(--card-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;box-shadow:0 1px 4px #00000014;cursor:pointer;margin:1rem 0;padding:1.5rem;position:relative;text-align:center;transition:all .2s ease}.inline-latex-equation:hover{border-color:#4dabf7;box-shadow:0 2px 8px #0000001f}.dark-mode .inline-latex-equation .katex,.dark-mode .inline-latex-equation .katex *,.dark-mode .inline-latex-equation .katex .mbin,.dark-mode .inline-latex-equation .katex .mclose,.dark-mode .inline-latex-equation .katex .minner,.dark-mode .inline-latex-equation .katex .mop,.dark-mode .inline-latex-equation .katex .mopen,.dark-mode .inline-latex-equation .katex .mord,.dark-mode .inline-latex-equation .katex .mpunct,.dark-mode .inline-latex-equation .katex .mrel{color:#fff!important}.inline-latex-equation .katex,.inline-latex-equation .katex *{color:#000!important}.edit-latex-btn{background:#4dabf7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;opacity:0;padding:4px 8px;position:absolute;right:8px;top:8px;transition:opacity .2s ease}.inline-latex-equation:hover .edit-latex-btn{opacity:.9}.edit-latex-btn:hover{background:#339af0;opacity:1!important}.inline-flowchart{background:#f8f9fa;background:var(--card-bg,#f8f9fa);border:2px solid #dee2e6;border:2px solid var(--border-color,#dee2e6);border-radius:8px;margin:1.5rem 0;padding:1rem;position:relative;transition:all .2s ease}.inline-flowchart:hover{border-color:#4dabf7;box-shadow:0 2px 8px #00000014}.flowchart-preview-mini{background:#fff;background:var(--editor-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:4px;height:250px}.edit-flowchart-btn{background:#4dabf7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px;transition:all .2s ease}.edit-flowchart-btn:hover{background:#339af0;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.dark-mode .inline-flowchart{background:#2c2c2c;border-color:#444}.dark-mode .flowchart-preview-mini{background:#1e1e1e;border-color:#444}.ql-editor iframe,.ql-editor img,.ql-editor video{cursor:pointer;display:inline-block;height:auto;max-width:100%;transition:outline .2s,transform .2s}.ql-editor iframe:hover,.ql-editor img:hover,.ql-editor video:hover{transform:scale(1.01)}.resize-handle{align-items:center;background:#4dabf7;border-radius:0 0 4px 0;box-shadow:0 2px 8px #0003;color:#fff;cursor:nwse-resize;display:flex;font-size:16px;height:24px;justify-content:center;position:fixed;-webkit-user-select:none;user-select:none;width:24px;z-index:1000}.resize-handle:hover{background:#3a9adb;box-shadow:0 4px 12px #0000004d}.ql-editor iframe:hover,.ql-editor img:hover,.ql-editor video:hover{border-color:#4dabf7}.pomodoro-widget.movable{cursor:grab}.pomodoro-widget.movable:active{cursor:grabbing}.pomodoro-widget{background:#fff;background:var(--card-bg,#fff);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:12px;box-shadow:0 4px 12px #00000026;max-width:300px;min-width:250px;padding:1.5rem;position:fixed;z-index:9999}.pomodoro-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;-webkit-user-select:none;user-select:none}.pomodoro-header h4{color:#333;color:var(--text-color,#333);font-size:14px;margin:0}.pomodoro-close{background:none;border:none;color:#666;color:var(--text-color,#666);cursor:pointer;font-size:24px;line-height:1;padding:0;pointer-events:auto}.pomodoro-close:hover{color:#f44}.pomodoro-controls{cursor:default!important;pointer-events:auto}.pomodoro-controls button{cursor:pointer!important}.custom-textbox{transition:all .3s ease}.custom-textbox:hover{box-shadow:0 6px 12px #0000001a!important;transform:translateY(-2px)}.textbox-content:empty:before{color:#94a3b8;content:attr(placeholder);font-style:italic}.textbox-content:focus{box-shadow:0 0 0 3px #4dabf71a}.onenote-canvas{position:relative;-webkit-user-select:none;user-select:none;width:100%}.canvas-textbox{transition:box-shadow .2s,border-color .2s}.canvas-textbox.active{z-index:100!important}.canvas-textbox:hover{border-color:#4dabf7!important}.textbox-editable{-webkit-user-select:text;user-select:text}.textbox-editable:empty:before{color:#cbd5e1;content:"Type here...";font-style:italic;pointer-events:none}.canvas-toolbar button{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s}.panel-collapse-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;box-shadow:0 2px 8px #00000026;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.75rem;height:32px;justify-content:center;position:absolute;transition:all .2s ease;width:32px;z-index:10002}.panel-collapse-btn:hover{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 4px 12px #007bff4d;color:#fff;transform:translateY(-50%) scale(1.1)}.panel-collapse-btn:active{transform:translateY(-50%) scale(.95)}@media (max-width:992px){.panel-collapse-btn{display:none}}.canvas-toolbar button:hover{background:#f1f5f9;border-color:#cbd5e1}.canvas-toolbar button.active{background:#4dabf7;border-color:#4dabf7;color:#fff}.resize-handle-box{opacity:0;transition:opacity .2s}.canvas-textbox:hover .resize-handle-box{opacity:1}.note-taking-container{--wc-primary:#3b82f6;--wc-primary-dark:#2563eb;--wc-purple:#8b5cf6;--wc-pink:#ec4899;--wc-cyan:#06b6d4;--wc-success:#22c55e;--wc-warning:#f59e0b;--wc-danger:#ef4444;--wc-gradient:linear-gradient(135deg,#3b82f6,#8b5cf6);--wc-gradient-warm:linear-gradient(135deg,#f59e0b,#ef4444);--wc-shadow-sm:0 1px 3px #00000014;--wc-shadow-md:0 4px 12px #0000001a;--wc-shadow-lg:0 8px 24px #0000001f;--wc-shadow-glow:0 0 20px #3b82f640;--wc-radius:14px;--wc-radius-sm:10px;--wc-transition:cubic-bezier(0.34,1.56,0.64,1)}.note-taking-container .notes-sidebar{background:linear-gradient(180deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border-right:1px solid var(--border-color)}.note-taking-container .sidebar-header{background:var(--wc-gradient);border-radius:0;color:#fff;margin:0;padding:1.5rem}.note-taking-container .sidebar-header h2{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.note-taking-container .sidebar-header .btn-icon{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;transition:all .2s;width:32px}.note-taking-container .sidebar-header .btn-icon:hover{background:#ffffff4d;transform:scale(1.1)}.note-taking-container .notebook-item{align-items:center;background:#0000;border-left:4px solid #0000;border-radius:var(--wc-radius-sm);cursor:pointer;display:flex;gap:12px;margin:4px 12px;padding:14px 18px;transition:all .25s var(--wc-transition)}.note-taking-container .notebook-item:hover{background:#3b82f614;transform:translateX(4px)}.note-taking-container .notebook-item.active{background:linear-gradient(90deg,#3b82f626,#8b5cf614);border-left-color:var(--wc-primary);color:var(--wc-primary);font-weight:600}.note-taking-container .section-item{border-radius:8px;cursor:pointer;font-size:.9rem;margin:2px 12px;padding:12px 18px;transition:all .2s}.note-taking-container .section-item:hover{background:#3b82f60f}.note-taking-container .section-item.active{background:#3b82f61f;color:var(--wc-primary);font-weight:500}.note-taking-container .notes-list-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:1.5rem}.note-taking-container .search-bar input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--wc-radius);color:var(--text-primary);font-size:.95rem;padding:14px 18px 14px 48px;transition:all .25s;width:100%}.note-taking-container .search-bar input:focus{border-color:var(--wc-primary);box-shadow:0 0 0 4px #3b82f61a;outline:none}.note-taking-container .search-bar input::placeholder{color:var(--text-tertiary)}.note-taking-container .btn-new-note{align-items:center;background:var(--wc-gradient);border:none;border-radius:var(--wc-radius-sm);box-shadow:0 4px 14px #3b82f659;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:12px 22px;transition:all .25s var(--wc-transition)}.note-taking-container .btn-new-note:hover{box-shadow:0 6px 20px #3b82f673;transform:translateY(-2px)}.note-taking-container .btn-new-note:active{transform:translateY(0)}.note-taking-container .note-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--wc-radius);box-shadow:var(--wc-shadow-sm);cursor:pointer;overflow:hidden;padding:18px;position:relative;transition:all .3s var(--wc-transition)}.note-taking-container .note-card:before{background:var(--wc-primary);background:var(--note-color,var(--wc-primary));border-radius:var(--wc-radius) 0 0 var(--wc-radius);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s;width:5px}.note-taking-container .note-card:hover{border-color:var(--wc-primary);box-shadow:var(--wc-shadow-lg);transform:translateY(-3px)}.note-taking-container .note-card:hover:before{width:8px}.note-taking-container .note-card.selected{background:linear-gradient(135deg,#3b82f608,#8b5cf608);border-color:var(--wc-primary);box-shadow:var(--wc-shadow-glow),var(--wc-shadow-lg)}.note-taking-container .note-card.selected:before{background:var(--wc-gradient);width:8px}.note-taking-container .note-card-header h4{color:var(--text-primary);font-size:1.05rem;font-weight:650;line-height:1.4;margin:0}.note-taking-container .note-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.875rem;line-height:1.6;margin:10px 0;overflow:hidden}.note-taking-container .note-icons{font-size:1rem}.note-taking-container .tag-badge{background:var(--wc-gradient);border:none;border-radius:20px;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.02em;padding:4px 12px}.note-taking-container .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.note-taking-container .empty-state .icon{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-radius:50%;box-shadow:var(--wc-shadow-md);display:flex;font-size:48px;height:100px;justify-content:center;margin-bottom:24px;width:100px}.note-taking-container .empty-state h3{color:var(--text-primary);font-size:1.35rem;font-weight:700;margin-bottom:8px}.note-taking-container .empty-state p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0;max-width:280px}.note-taking-container .empty-state .cta-btn{align-items:center;background:var(--wc-gradient);border:none;border-radius:var(--wc-radius);box-shadow:0 6px 20px #3b82f659;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;margin-top:28px;padding:16px 32px;transition:all .25s var(--wc-transition)}.note-taking-container .empty-state .cta-btn:hover{box-shadow:0 8px 28px #3b82f673;transform:translateY(-3px)}.note-taking-container .note-editor-panel{background:var(--bg-primary);box-shadow:-2px 0 20px #0000000d}.note-taking-container .editor-header{background:linear-gradient(180deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem}.note-taking-container .note-title-input{background:#0000;border:none;color:var(--text-primary);font-size:1.75rem;font-weight:750;padding:.5rem 0;transition:all .2s;width:100%}.note-taking-container .note-title-input:focus{outline:none}.note-taking-container .note-title-input::placeholder{color:var(--text-tertiary)}.note-taking-container .editor-actions{display:flex;flex-wrap:wrap;gap:8px}.note-taking-container .editor-actions button{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s var(--wc-transition)}.note-taking-container .editor-actions button:hover{background:var(--wc-primary);border-color:var(--wc-primary);box-shadow:0 4px 12px #3b82f640;color:#fff;transform:translateY(-1px)}.note-taking-container .editor-actions button.active{background:var(--wc-warning);border-color:var(--wc-warning);color:#1a1a1a}.note-taking-container .editor-actions .btn-primary{background:var(--wc-gradient);border:none;box-shadow:0 3px 10px #3b82f64d;color:#fff}.note-taking-container .editor-actions .btn-primary:hover{box-shadow:0 5px 16px #3b82f666}.note-taking-container .editor-actions .btn-danger{background:var(--wc-danger);border-color:var(--wc-danger);color:#fff}.note-taking-container .editor-actions .btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.note-taking-container .ql-toolbar.ql-snow{background:var(--bg-secondary);border:none;border-bottom:1px solid var(--border-color);padding:12px 16px}.note-taking-container .ql-container.ql-snow{border:none;font-size:1rem}.note-taking-container .ql-editor{color:var(--text-primary);font-size:1rem;line-height:1.8;padding:1.5rem}.note-taking-container .ql-editor:focus{outline:none}.note-taking-container .editor-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-size:.8rem;gap:20px;padding:12px 1.5rem}.note-taking-container .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.note-taking-container .modal-content{border:1px solid var(--border-color);border-radius:var(--wc-radius);box-shadow:var(--wc-shadow-lg);padding:2rem}.note-taking-container .modal-content h3{-webkit-text-fill-color:#0000;background:var(--wc-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:700;margin-bottom:1.5rem}.note-taking-container .modal-actions{display:flex;gap:12px;margin-top:1.5rem}.note-taking-container .modal-actions .btn-primary{background:var(--wc-gradient);border:none;border-radius:var(--wc-radius-sm);box-shadow:0 3px 10px #3b82f64d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.note-taking-container .modal-actions .btn-primary:hover{box-shadow:0 5px 16px #3b82f666;transform:translateY(-1px)}.note-taking-container .modal-actions .btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--wc-radius-sm);color:var(--text-primary);cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s}.note-taking-container .modal-actions .btn-secondary:hover{background:var(--bg-tertiary)}.note-taking-container .sort-select{-webkit-appearance:none;appearance:none;background:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:10px 36px 10px 14px;transition:all .2s}.note-taking-container .sort-select:hover{border-color:var(--wc-primary)}.note-taking-container .sort-select:focus{border-color:var(--wc-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.note-taking-container .view-modes{background:var(--bg-secondary);border-radius:10px;display:flex;gap:4px;padding:4px}.note-taking-container .view-modes button{background:#0000;border:none;border-radius:8px;color:var(--text-tertiary);cursor:pointer;font-size:1rem;height:36px;transition:all .2s;width:36px}.note-taking-container .view-modes button:hover{background:var(--bg-primary);color:var(--text-primary)}.note-taking-container .view-modes button.active{background:var(--wc-primary);box-shadow:0 2px 8px #3b82f64d;color:#fff}.note-taking-container .filter-options{display:flex;gap:16px;margin-top:12px}.note-taking-container .filter-options label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:8px;transition:color .2s}.note-taking-container .filter-options label:hover{color:var(--wc-primary)}.note-taking-container .filter-options input[type=checkbox]{accent-color:var(--wc-primary);cursor:pointer;height:18px;width:18px}.note-taking-container .theme-selector{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;margin-top:12px;padding:12px 16px;transition:all .2s}.note-taking-container .theme-selector:hover{border-color:var(--wc-primary)}.note-taking-container .pomodoro-widget{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--wc-radius);box-shadow:var(--wc-shadow-lg);padding:1.25rem}.note-taking-container .pomodoro-header h4{-webkit-text-fill-color:#0000;background:var(--wc-gradient);-webkit-background-clip:text;background-clip:text;font-weight:700}@keyframes wc-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes wc-slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.note-taking-container .note-card{animation:wc-fade-in .3s ease-out}.note-taking-container .notebook-item,.note-taking-container .section-item{animation:wc-slide-in .25s ease-out}:root{--touch-target-min:44px;--touch-target-comfortable:48px;--swipe-threshold:80px;--bottom-safe-area:env(safe-area-inset-bottom,0px);--top-safe-area:env(safe-area-inset-top,0px);--notes-bg:#f8fafc;--notes-card:#fff;--notes-border:#e2e8f0;--notes-text:#1e293b;--notes-text-muted:#64748b;--notes-primary:#3b82f6;--notes-primary-dark:#2563eb;--notes-success:#22c55e;--notes-warning:#f59e0b;--notes-danger:#ef4444;--notes-purple:#8b5cf6;--notes-pink:#ec4899;--notes-cyan:#06b6d4;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1)}.note-taking-container.theme-dark{--notes-bg:#0f172a;--notes-card:#1e293b;--notes-border:#334155;--notes-text:#f1f5f9;--notes-text-muted:#94a3b8}.note-card{background:#fff;background:var(--bg-primary,var(--notes-card));border:1px solid #e2e8f0!important;border:1px solid var(--border-color,var(--notes-border))!important;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease-smooth)}.note-card:before{background:#3b82f6;background:var(--note-color,var(--notes-primary,#3b82f6));height:100%}.note-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.note-card.selected,.note-card:hover{border-color:#3b82f6!important;border-color:var(--notes-primary,#3b82f6)!important}.note-card.selected{background:#3b82f60d;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.note-card-header h4{color:#1e293b;color:var(--text-primary,var(--notes-text));font-size:15px;font-weight:600;line-height:1.4;margin:0}.note-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;color:var(--text-secondary,var(--notes-text-muted));display:-webkit-box;font-size:13px;line-height:1.5;margin-bottom:12px;overflow:hidden}.note-meta{color:#64748b;color:var(--text-tertiary,var(--notes-text-muted));font-size:11px;justify-content:space-between}.note-icons{display:flex;font-size:14px;gap:4px}.note-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag-badge{background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;background:linear-gradient(135deg,var(--notes-primary,#3b82f6),var(--notes-purple,#8b5cf6))!important;border:none!important;border-radius:20px!important;color:#fff!important;font-size:10px!important;font-weight:600!important;padding:3px 10px!important}.empty-state{padding:60px 24px}.empty-state .icon{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:linear-gradient(135deg,var(--notes-bg,#f8fafc),var(--notes-border,#e2e8f0));border-radius:50%;display:flex;font-size:36px;height:80px;justify-content:center;margin-bottom:20px;width:80px}.empty-state h3{color:#1e293b;color:var(--text-primary,var(--notes-text));font-size:18px;font-weight:600;margin-bottom:8px}.empty-state p{color:#64748b;color:var(--text-secondary,var(--notes-text-muted));line-height:1.5;margin:0;max-width:260px}.empty-state .cta-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--notes-primary,#3b82f6),var(--notes-purple,#8b5cf6));border:none;border-radius:14px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;margin-top:24px;padding:14px 28px;transition:all .2s cubic-bezier(.34,1.56,.64,1);transition:all .2s var(--ease-spring)}.empty-state .cta-btn:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.btn-new-note,.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;background:linear-gradient(135deg,var(--notes-primary,#3b82f6),var(--notes-purple,#8b5cf6))!important;border:none!important;border-radius:10px!important;box-shadow:0 2px 8px #3b82f64d;color:#fff!important;font-weight:600!important;padding:10px 18px!important;transition:all .2s cubic-bezier(.34,1.56,.64,1)!important;transition:all .2s var(--ease-spring)!important}.btn-new-note:hover,.btn-primary:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.editor-actions button{background:#f8fafc!important;background:var(--bg-secondary,#f8fafc)!important;border:1px solid #e2e8f0!important;border:1px solid var(--border-color,#e2e8f0)!important;border-radius:8px!important;font-size:13px!important;padding:8px 14px!important;transition:all .2s!important}.editor-actions button:hover{background:#3b82f6!important;background:var(--notes-primary,#3b82f6)!important;border-color:#3b82f6!important;border-color:var(--notes-primary,#3b82f6)!important;color:#fff!important}.editor-actions button.active{background:#f59e0b!important;background:var(--notes-warning,#fbbf24)!important;border-color:#f59e0b!important;border-color:var(--notes-warning,#fbbf24)!important;color:#1a1a1a!important}.note-title-input{color:#1e293b!important;color:var(--text-primary,var(--notes-text))!important;font-size:1.75rem!important;padding:.5rem 0!important}.note-title-input:focus{border-bottom:2px solid #3b82f6!important;border-bottom:2px solid var(--notes-primary,#3b82f6)!important;outline:none!important}.notebook-item,.section-item{border-radius:10px!important;padding:12px 14px!important;transition:all .2s!important}.notebook-item:hover,.section-item:hover{background:#3b82f61a!important}.notebook-item.active,.section-item.active{background:linear-gradient(135deg,#3b82f626,#8b5cf626)!important;color:#3b82f6!important;color:var(--notes-primary,#3b82f6)!important}.search-bar input{border:2px solid #e2e8f0!important;border:2px solid var(--border-color,#e2e8f0)!important;border-radius:10px!important;padding:12px 16px!important;transition:all .2s!important}.search-bar input:focus{border-color:#3b82f6!important;border-color:var(--notes-primary,#3b82f6)!important;box-shadow:0 0 0 4px #3b82f61a!important;outline:none!important}.swipe-action-left,.swipe-action-right{display:none}@media (max-width:768px){.note-taking-container{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(80px + var(--bottom-safe-area))}.panel-collapse-btn,.resize-handle,.sidebar-collapse-btn{display:none!important}}.mobile-notes-header{display:none}@media (max-width:768px){.mobile-notes-header{align-items:center;background:#fff;background:var(--notes-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--notes-border);display:flex;gap:12px;justify-content:space-between;min-height:56px;padding:calc(12px + env(safe-area-inset-top, 0px)) 16px 12px;padding-top:calc(12px + var(--top-safe-area));position:-webkit-sticky;position:sticky;top:0;z-index:100}.mobile-notes-header .header-left{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.mobile-notes-header .menu-btn{align-items:center;background:#f8fafc;background:var(--notes-bg);border:none;border-radius:10px;color:#1e293b;color:var(--notes-text);display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;touch-action:manipulation;width:40px}.mobile-notes-header .current-notebook{color:#1e293b;color:var(--notes-text);font-size:16px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-notes-header .header-actions{display:flex;flex-shrink:0;gap:8px}.mobile-notes-header .action-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;color:var(--notes-text-muted);display:flex;font-size:18px;height:40px;justify-content:center;touch-action:manipulation;width:40px}.mobile-notes-header .action-btn.active{background:#3b82f6;background:var(--notes-primary);color:#fff}}.mobile-search-container{display:none}@media (max-width:768px){.mobile-search-container{background:#f8fafc;background:var(--notes-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--notes-border);display:block;padding:12px 16px}.mobile-search-container.collapsed{display:none}.mobile-search-input{background:#fff;background:var(--notes-card);border:2px solid #e2e8f0;border:2px solid var(--notes-border);border-radius:12px;color:#1e293b;color:var(--notes-text);font-size:16px;padding:12px 16px 12px 44px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease-smooth);width:100%}.mobile-search-input:focus{border-color:#3b82f6;border-color:var(--notes-primary);box-shadow:0 0 0 4px #3b82f61a;outline:none}.mobile-search-wrapper{position:relative}.mobile-search-wrapper:before{content:"🔍";font-size:16px;left:14px;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.mobile-search-wrapper .clear-btn{align-items:center;background:#f8fafc;background:var(--notes-bg);border:none;border-radius:8px;color:#64748b;color:var(--notes-text-muted);display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px}.notes-list-panel{background:#f8fafc;background:var(--notes-bg);bottom:0;left:0;max-width:100%!important;position:fixed;right:0;top:0;transform:translateX(0);transition:none;width:100%!important;z-index:200}.notes-list-panel.hidden-mobile{display:none}.notes-list-header{background:#fff;background:var(--notes-card);padding:16px}.notes-list{gap:12px!important;padding:16px}.note-card{background:#fff;background:var(--notes-card);border:none!important;border-radius:16px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;padding:16px;position:relative;touch-action:pan-y pinch-zoom;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;transition:transform .3s var(--ease-spring),box-shadow .2s}.note-card:before{background:#3b82f6;background:var(--note-color,var(--notes-primary));border-radius:4px 0 0 4px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.note-card.selected{border:2px solid #3b82f6;border:2px solid var(--notes-primary);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.note-card.swiping-left{transform:translateX(0);transform:translateX(calc(var(--swipe-amount, 0px)*-1))}.note-card.swiping-right{transform:translateX(0);transform:translateX(var(--swipe-amount,0))}.note-card .swipe-action-left,.note-card .swipe-action-right{align-items:center;bottom:0;color:#fff;display:flex;font-size:24px;justify-content:center;opacity:0;position:absolute;top:0;transition:opacity .2s;width:100px}.note-card .swipe-action-left{background:#ef4444;background:var(--notes-danger);border-radius:0 16px 16px 0;right:0}.note-card .swipe-action-right{background:#22c55e;background:var(--notes-success);border-radius:16px 0 0 16px;left:0}.note-card.swiping-left .swipe-action-left,.note-card.swiping-right .swipe-action-right{opacity:1}.note-card-header h4{color:#1e293b;color:var(--notes-text);font-size:16px;font-weight:600;line-height:1.4;margin-bottom:6px}.note-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:12px;overflow:hidden}.note-meta,.note-preview{color:#64748b;color:var(--notes-text-muted)}.note-meta{align-items:center;display:flex;font-size:12px;justify-content:space-between}.note-icons{display:flex;font-size:14px;gap:6px}.note-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag-badge{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--notes-primary),var(--notes-purple));border-radius:20px;color:#fff;font-size:11px;font-weight:500;padding:4px 10px}.note-editor-panel{background:#fff;background:var(--notes-card);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s var(--ease-smooth);z-index:300}.note-editor-panel.active{transform:translateX(0)}.editor-header{background:#fff;background:var(--notes-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--notes-border);display:flex;flex-direction:column;flex-shrink:0;gap:12px;padding:calc(12px + env(safe-area-inset-top, 0px)) 16px 12px;padding-top:calc(12px + var(--top-safe-area))}.editor-header .top-row{align-items:center;display:flex;justify-content:space-between}.editor-header .back-btn{align-items:center;background:#f8fafc;background:var(--notes-bg);border:none;border-radius:10px;color:#1e293b;color:var(--notes-text);display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.editor-header .save-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--notes-primary),var(--notes-primary-dark));border:none;border-radius:10px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px}.note-title-input{background:#0000;border:none!important;color:#1e293b;color:var(--notes-text);font-size:22px!important;font-weight:700!important;padding:12px 0!important;width:100%!important}.note-title-input::placeholder{color:#64748b;color:var(--notes-text-muted)}.editor-actions{display:none!important}.editor-body{flex:1 1;overflow-y:auto;padding:16px 16px calc(100px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(100px + var(--bottom-safe-area))}.ql-toolbar.ql-snow{display:none!important}.ql-container.ql-snow{border:none!important;font-size:16px;line-height:1.7}.ql-editor{color:#1e293b;color:var(--notes-text);font-size:16px;line-height:1.7;min-height:200px;padding:0!important}.ql-editor:focus{outline:none}.ql-editor p{margin-bottom:1em}.editor-footer{display:none!important}}.mobile-floating-toolbar{display:none}@media (max-width:768px){.mobile-floating-toolbar{background:#fff;background:var(--notes-card);border:1px solid #e2e8f0;border:1px solid var(--notes-border);border-radius:20px;bottom:calc(16px + env(safe-area-inset-bottom, 0px));bottom:calc(16px + var(--bottom-safe-area));box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);display:flex;gap:4px;justify-content:space-around;left:16px;padding:8px;position:fixed;right:16px;z-index:400}.mobile-floating-toolbar .toolbar-btn{align-items:center;background:#0000;border:none;border-radius:14px;color:#64748b;color:var(--notes-text-muted);display:flex;flex:1 1;flex-direction:column;font-size:20px;gap:2px;height:48px;justify-content:center;max-width:56px;touch-action:manipulation;transition:all .2s cubic-bezier(.34,1.56,.64,1);transition:all .2s var(--ease-spring)}.mobile-floating-toolbar .toolbar-btn:active{background:#f8fafc;background:var(--notes-bg);transform:scale(.9)}.mobile-floating-toolbar .toolbar-btn.active{background:#3b82f6;background:var(--notes-primary);color:#fff}.mobile-floating-toolbar .toolbar-btn span{font-size:9px;font-weight:500;margin-top:2px}.mobile-floating-toolbar .toolbar-btn.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--notes-primary),var(--notes-purple));box-shadow:0 4px 12px #3b82f666;color:#fff}}.quick-capture-fab{display:none}@media (max-width:768px){.quick-capture-fab{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--notes-primary),var(--notes-purple));border:none;border-radius:50%;bottom:calc(100px + env(safe-area-inset-bottom, 0px));bottom:calc(100px + var(--bottom-safe-area));box-shadow:0 6px 20px #3b82f666;color:#fff;display:flex;font-size:28px;height:60px;justify-content:center;position:fixed;right:20px;touch-action:manipulation;transition:all .3s cubic-bezier(.34,1.56,.64,1);transition:all .3s var(--ease-spring);width:60px;z-index:350}.quick-capture-fab:active{transform:scale(.9)}.quick-capture-fab.expanded{border-radius:25px;font-size:16px;gap:8px;height:50px;min-width:140px;padding:0 20px;width:auto}}.voice-note-btn{display:none}@media (max-width:768px){.voice-note-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#ec4899);background:linear-gradient(135deg,var(--notes-danger),var(--notes-pink));border:none;border-radius:50%;bottom:calc(100px + env(safe-area-inset-bottom, 0px));bottom:calc(100px + var(--bottom-safe-area));box-shadow:0 4px 15px #ef444466;color:#fff;display:flex;font-size:22px;height:50px;justify-content:center;left:20px;position:fixed;touch-action:manipulation;transition:all .3s cubic-bezier(.34,1.56,.64,1);transition:all .3s var(--ease-spring);width:50px;z-index:350}.voice-note-btn.recording{animation:pulse-recording 1.5s infinite;box-shadow:0 0 0 0 #ef4444b3}@keyframes pulse-recording{0%{box-shadow:0 0 0 0 #ef4444b3}70%{box-shadow:0 0 0 15px #ef444400}to{box-shadow:0 0 0 0 #ef444400}}}.mobile-bottom-sheet{display:none}@media (max-width:768px){.mobile-bottom-sheet{bottom:0;display:block;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s;z-index:500}.mobile-bottom-sheet.open{opacity:1;pointer-events:auto}.mobile-bottom-sheet .sheet-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.mobile-bottom-sheet .sheet-content{background:#fff;background:var(--notes-card);border-radius:24px 24px 0 0;bottom:0;left:0;max-height:85vh;overflow-y:auto;padding:20px 20px calc(20px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(20px + var(--bottom-safe-area));position:absolute;right:0;transform:translateY(100%);transition:transform .3s cubic-bezier(.34,1.56,.64,1);transition:transform .3s var(--ease-spring)}.mobile-bottom-sheet.open .sheet-content{transform:translateY(0)}.mobile-bottom-sheet .sheet-handle{background:#e2e8f0;background:var(--notes-border);border-radius:2px;height:4px;margin:0 auto 20px;width:36px}.mobile-bottom-sheet .sheet-title{color:#1e293b;color:var(--notes-text);font-size:18px;font-weight:700;margin-bottom:20px;text-align:center}.mobile-bottom-sheet .sheet-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.mobile-bottom-sheet .sheet-option{align-items:center;background:#f8fafc;background:var(--notes-bg);border:none;border-radius:16px;color:#1e293b;color:var(--notes-text);display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:8px;padding:16px 12px;touch-action:manipulation;transition:all .2s}.mobile-bottom-sheet .sheet-option:active{background:#e2e8f0;background:var(--notes-border);transform:scale(.95)}.mobile-bottom-sheet .sheet-option .icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--notes-primary),var(--notes-purple));border-radius:12px;color:#fff;display:flex;font-size:22px;height:44px;justify-content:center;width:44px}.mobile-bottom-sheet .sheet-option.danger .icon{background:linear-gradient(135deg,#ef4444,#ec4899);background:linear-gradient(135deg,var(--notes-danger),var(--notes-pink))}.mobile-bottom-sheet .sheet-option.success .icon{background:linear-gradient(135deg,#22c55e,#06b6d4);background:linear-gradient(135deg,var(--notes-success),var(--notes-cyan))}}.focus-mode-overlay{display:none}@media (max-width:768px){.note-editor-panel.focus-mode{background:#f8fafc;background:var(--notes-bg)}.note-editor-panel.focus-mode .editor-footer,.note-editor-panel.focus-mode .editor-header{opacity:0;pointer-events:none;position:absolute;transition:opacity .3s}.note-editor-panel.focus-mode:hover .editor-footer,.note-editor-panel.focus-mode:hover .editor-header{opacity:1;pointer-events:auto}.note-editor-panel.focus-mode .editor-body{padding-left:24px;padding-right:24px;padding-top:calc(60px + env(safe-area-inset-top, 0px));padding-top:calc(60px + var(--top-safe-area))}.note-editor-panel.focus-mode .ql-editor{font-size:18px;line-height:1.9;margin:0 auto;max-width:600px}.focus-mode-toggle{align-items:center;background:#fff;background:var(--notes-card);border:1px solid #e2e8f0;border:1px solid var(--notes-border);border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#64748b;color:var(--notes-text-muted);display:flex;font-size:18px;height:40px;justify-content:center;position:fixed;right:16px;top:calc(12px + env(safe-area-inset-top, 0px));top:calc(12px + var(--top-safe-area));touch-action:manipulation;width:40px;z-index:450}.focus-mode-toggle.active{background:#1e293b;background:var(--notes-text);color:#f8fafc;color:var(--notes-bg)}.notes-sidebar{background:#fff;background:var(--notes-card);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);height:100%;left:0;max-width:320px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s var(--ease-smooth);width:85%;z-index:600}.notes-sidebar.open{transform:translateX(0)}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:599}.notes-sidebar.open+.sidebar-backdrop{display:block}.sidebar-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--notes-border);padding:calc(20px + env(safe-area-inset-top, 0px)) 16px 20px;padding-top:calc(20px + var(--top-safe-area))}.sidebar-header h2{color:#1e293b;color:var(--notes-text);font-size:20px;font-weight:700;margin:0}.notebooks-list,.sections-list{padding:12px}.notebook-item,.section-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#1e293b;color:var(--notes-text);display:flex;font-size:15px;font-weight:500;gap:12px;padding:14px 16px;text-align:left;transition:all .2s;width:100%}.notebook-item:active,.section-item:active{background:#f8fafc;background:var(--notes-bg)}.notebook-item.active,.section-item.active{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);color:#3b82f6;color:var(--notes-primary)}.notebook-item .icon,.section-item .icon{align-items:center;background:#f8fafc;background:var(--notes-bg);border-radius:10px;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}}@keyframes haptic-press{0%{transform:scale(1)}50%{transform:scale(.97)}to{transform:scale(1)}}.haptic-press:active{animation:haptic-press .15s cubic-bezier(.34,1.56,.64,1);animation:haptic-press .15s var(--ease-spring)}.note-card-skeleton{background:#fff;background:var(--notes-card);border-radius:16px;overflow:hidden;padding:16px}.skeleton-line{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#f8fafc 25%,#e2e8f0 50%,#f8fafc 75%);background:linear-gradient(90deg,var(--notes-bg) 25%,var(--notes-border) 50%,var(--notes-bg) 75%);background-size:200% 100%;border-radius:4px;height:16px;margin-bottom:8px}.skeleton-line:last-child{margin-bottom:0;width:60%}@media (max-width:768px){.empty-state{flex-direction:column;padding:60px 24px;text-align:center}.empty-state,.empty-state .icon{align-items:center;display:flex;justify-content:center}.empty-state .icon{background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:linear-gradient(135deg,var(--notes-bg),var(--notes-border));border-radius:50%;font-size:36px;height:80px;margin-bottom:20px;width:80px}.empty-state h3{color:#1e293b;color:var(--notes-text);font-size:18px;font-weight:600;margin-bottom:8px}.empty-state p{color:#64748b;color:var(--notes-text-muted);font-size:14px;line-height:1.5;max-width:260px}.empty-state .cta-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--notes-primary),var(--notes-purple));border:none;border-radius:14px;box-shadow:0 4px 15px #3b82f64d;color:#fff;display:flex;font-size:15px;font-weight:600;gap:8px;margin-top:24px;padding:14px 28px}}.smart-suggestions{display:none}@media (max-width:768px){.smart-suggestions{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--notes-border);display:block;padding:16px}.smart-suggestions .header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.smart-suggestions .header .ai-badge{align-items:center;background:linear-gradient(135deg,#8b5cf6,#3b82f6);background:linear-gradient(135deg,var(--notes-purple),var(--notes-primary));border-radius:6px;color:#fff;display:flex;font-size:10px;font-weight:600;gap:4px;padding:4px 8px;text-transform:uppercase}.smart-suggestions .header h4{color:#1e293b;color:var(--notes-text);font-size:14px;font-weight:600;margin:0}.smart-suggestions .chips{display:flex;flex-wrap:wrap;gap:8px}.smart-suggestions .chip{background:#fff;background:var(--notes-card);border:1px solid #e2e8f0;border:1px solid var(--notes-border);border-radius:20px;color:#1e293b;color:var(--notes-text);font-size:13px;padding:8px 14px;touch-action:manipulation}.smart-suggestions .chip:active{background:#3b82f6;background:var(--notes-primary);border-color:#3b82f6;border-color:var(--notes-primary);color:#fff}}@media (min-width:768px) and (max-width:1024px){.note-taking-container{grid-template-columns:280px 1fr}.notes-sidebar{position:relative;transform:none;width:100%}.notes-list-panel{position:relative;transform:none;width:320px!important}.note-card{padding:14px}.ql-editor{font-size:17px}}@media print{.mobile-bottom-sheet,.mobile-floating-toolbar,.mobile-notes-header,.notes-sidebar,.quick-capture-fab,.voice-note-btn{display:none!important}.note-editor-panel{box-shadow:none;position:static;transform:none}.ql-editor{font-size:12pt;line-height:1.6}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.note-card{border:2px solid #1e293b!important;border:2px solid var(--notes-text)!important}.action-btn,.menu-btn,.toolbar-btn{border:2px solid}}:root{--premium-bg-light:#fafbfc;--premium-bg-dark:#0d1117;--premium-surface-light:#fff;--premium-surface-dark:#161b22;--premium-surface-elevated:#fff;--premium-surface-hover:#f6f8fa;--premium-accent:#2563eb;--premium-accent-light:#3b82f6;--premium-accent-dark:#1d4ed8;--premium-gradient-start:#667eea;--premium-gradient-end:#764ba2;--premium-gradient:linear-gradient(135deg,var(--premium-gradient-start),var(--premium-gradient-end));--premium-gradient-subtle:linear-gradient(135deg,#667eea1a,#764ba21a);--premium-text-primary:#24292f;--premium-text-secondary:#57606a;--premium-text-tertiary:#8b949e;--premium-text-inverse:#fff;--premium-success:#2ea043;--premium-warning:#d29922;--premium-error:#cf222e;--premium-info:#0969da;--premium-border-light:#d0d7de;--premium-border-muted:#d8dee4;--premium-border-subtle:#eaeef2;--premium-shadow-xs:0 1px 0 #1f23280a;--premium-shadow-sm:0 1px 3px #1f23281f,0 8px 24px #424a531f;--premium-shadow-md:0 8px 24px #8c959f33;--premium-shadow-lg:0 12px 28px #8c959f4d,0 8px 10px #8c959f24;--premium-shadow-xl:0 20px 48px #8c959f59;--premium-shadow-glow:0 0 0 3px #2563eb40;--premium-radius-sm:6px;--premium-radius-md:8px;--premium-radius-lg:12px;--premium-radius-xl:16px;--premium-radius-2xl:24px;--premium-radius-full:9999px;--premium-space-1:4px;--premium-space-2:8px;--premium-space-3:12px;--premium-space-4:16px;--premium-space-5:20px;--premium-space-6:24px;--premium-space-8:32px;--premium-space-10:40px;--premium-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif;--premium-font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--premium-ease-out:cubic-bezier(0.16,1,0.3,1);--premium-ease-in-out:cubic-bezier(0.65,0,0.35,1);--premium-ease-spring:cubic-bezier(0.34,1.56,0.64,1);--premium-duration-fast:150ms;--premium-duration-normal:250ms;--premium-duration-slow:400ms;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}.note-taking-container{background:#fafbfc;background:var(--premium-bg-light);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;font-family:var(--premium-font-sans);min-height:100vh;overflow:hidden;position:relative}.note-taking-container *{box-sizing:border-box}.notes-sidebar{background:linear-gradient(180deg,#f8f9fa,#fff)!important;border-right:1px solid #eaeef2!important;border-right:1px solid var(--premium-border-subtle)!important;display:flex;flex-direction:column;overflow:hidden;position:relative}.notes-sidebar:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--premium-gradient);content:"";height:120px;left:0;opacity:.05;pointer-events:none;position:absolute;right:0;top:0}.sidebar-header{background:#0000!important;border-bottom:1px solid #eaeef2!important;border-bottom:1px solid var(--premium-border-subtle)!important;padding:16px 16px 12px!important;padding:var(--premium-space-4) var(--premium-space-4) var(--premium-space-3)!important}.sidebar-header h2{color:#57606a!important;color:var(--premium-text-secondary)!important;font-size:13px!important;font-weight:600!important;letter-spacing:.5px!important;margin:0!important;text-transform:uppercase!important}.sidebar-header-content{align-items:center;display:flex;justify-content:space-between}.sidebar-header .btn-icon{align-items:center;background:#fff!important;background:var(--premium-surface-light)!important;border:1px solid #d8dee4!important;border:1px solid var(--premium-border-muted)!important;border-radius:8px!important;border-radius:var(--premium-radius-md)!important;color:#57606a!important;color:var(--premium-text-secondary)!important;cursor:pointer;display:flex;font-size:16px!important;font-weight:300!important;height:28px!important;justify-content:center;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--premium-duration-fast) var(--premium-ease-out);width:28px!important}.sidebar-header .btn-icon:hover{background:#2563eb!important;background:var(--premium-accent)!important;border-color:#2563eb!important;border-color:var(--premium-accent)!important;color:#fff!important;transform:scale(1.05)}.theme-selector{background:#fff!important;background:var(--premium-surface-light)!important;border:1px solid #d8dee4!important;border:1px solid var(--premium-border-muted)!important;border-radius:8px!important;border-radius:var(--premium-radius-md)!important;color:#24292f!important;color:var(--premium-text-primary)!important;cursor:pointer;font-size:12px!important;margin-top:8px;margin-top:var(--premium-space-2);padding:6px 10px!important;width:100%}.notebooks-list,.sections-list{flex:1 1;overflow-y:auto;padding:8px 12px;padding:var(--premium-space-2) var(--premium-space-3)}.notebook-item,.section-item{align-items:center!important;background:#0000;border-left-style:solid!important;border-left-width:3px!important;border-radius:8px!important;border-radius:var(--premium-radius-md)!important;cursor:pointer;display:flex!important;gap:8px!important;gap:var(--premium-space-2)!important;margin-bottom:4px!important;margin-bottom:var(--premium-space-1)!important;padding:12px!important;padding:var(--premium-space-3) var(--premium-space-3)!important;position:relative;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--premium-duration-fast) var(--premium-ease-out)}.notebook-item:hover,.section-item:hover{background:#f6f8fa!important;background:var(--premium-surface-hover)!important}.notebook-item.active,.section-item.active{background:#2563eb14!important;border-left-color:#2563eb!important;border-left-color:var(--premium-accent)!important}.notebook-item.active:after,.section-item.active:after{background:#2563eb;background:var(--premium-accent);border-radius:50%;content:"";height:6px;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:6px}.notebook-icon{font-size:18px;line-height:1}.notebook-name,.section-name{color:#24292f;color:var(--premium-text-primary);flex:1 1;font-size:14px!important;font-weight:500!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-delete-btn{align-items:center;background:#0000!important;border:none!important;border-radius:6px!important;border-radius:var(--premium-radius-sm)!important;cursor:pointer;display:flex;font-size:12px!important;height:24px!important;justify-content:center;min-width:24px!important;opacity:0;padding:0!important;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--premium-duration-fast) var(--premium-ease-out);width:24px!important}.notebook-item:hover .item-delete-btn,.section-item:hover .item-delete-btn{opacity:1}.item-delete-btn:hover{background:#cf222e1f!important;transform:translateY(-50%) scale(1.1)}.sections-header{border-top:1px solid #eaeef2;border-top:1px solid var(--premium-border-subtle);margin-top:16px;margin-top:var(--premium-space-4);padding-top:16px;padding-top:var(--premium-space-4)}.sections-header h3{color:#8b949e!important;color:var(--premium-text-tertiary)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.5px!important;margin:0!important;text-transform:uppercase!important}.notes-list-panel{background:#fff!important;background:var(--premium-surface-light)!important;border-right:1px solid #eaeef2!important;border-right:1px solid var(--premium-border-subtle)!important;display:flex;flex-direction:column;overflow:hidden}.notes-list-header{background:#fff;background:var(--premium-surface-light);border-bottom:1px solid #eaeef2!important;border-bottom:1px solid var(--premium-border-subtle)!important;padding:16px!important;padding:var(--premium-space-4)!important}.search-bar{margin-bottom:12px;margin-bottom:var(--premium-space-3);position:relative}.search-bar input{background:#f6f8fa!important;background:var(--premium-surface-hover)!important;border:1px solid #d8dee4!important;border:1px solid var(--premium-border-muted)!important;border-radius:12px!important;border-radius:var(--premium-radius-lg)!important;color:#24292f;color:var(--premium-text-primary);font-size:14px!important;padding:10px 14px 10px 40px!important;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--premium-duration-fast) var(--premium-ease-out);width:100%}.search-bar input::placeholder{color:#8b949e;color:var(--premium-text-tertiary)}.search-bar input:focus{background:#fff!important;background:var(--premium-surface-light)!important;border-color:#2563eb!important;border-color:var(--premium-accent)!important;box-shadow:0 0 0 3px #2563eb40;box-shadow:var(--premium-shadow-glow);outline:none}.search-bar:before{content:"🔍";font-size:14px;left:14px;opacity:.5;position:absolute;top:50%;transform:translateY(-50%)}.btn-new-note{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--premium-gradient)!important;border:none!important;border-radius:12px!important;border-radius:var(--premium-radius-lg)!important;box-shadow:0 1px 3px #1f23281f,0 8px 24px #424a531f;box-shadow:var(--premium-shadow-sm);color:#fff!important;cursor:pointer;display:flex!important;font-size:14px!important;font-weight:600!important;gap:8px!important;gap:var(--premium-space-2)!important;justify-content:center!important;padding:12px 16px!important;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--premium-duration-fast) var(--premium-ease-out);width:100%!important}.btn-new-note:hover{box-shadow:0 8px 24px #8c959f33;box-shadow:var(--premium-shadow-md);opacity:.95;transform:translateY(-2px)}.btn-new-note:active{transform:translateY(0)}.notes-actions{display:flex;flex-wrap:wrap;gap:8px;gap:var(--premium-space-2)}.sort-select,.view-toggle button{background:#fff!important;background:var(--premium-surface-light)!important;border:1px solid #d8dee4!important;border:1px solid var(--premium-border-muted)!important;border-radius:8px!important;border-radius:var(--premium-radius-md)!important;color:#57606a!important;color:var(--premium-text-secondary)!important;cursor:pointer;font-size:13px!important;padding:8px 12px!important;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--premium-duration-fast) var(--premium-ease-out)}.sort-select:hover,.view-toggle button:hover{border-color:#2563eb;border-color:var(--premium-accent);color:#2563eb;color:var(--premium-accent)}.notes-grid{display:flex;flex:1 1;flex-direction:column;gap:8px!important;gap:var(--premium-space-2)!important;overflow-y:auto;padding:12px!important;padding:var(--premium-space-3)!important}.note-card{background:#fff!important;background:var(--premium-surface-light)!important;border:1px solid #eaeef2!important;border:1px solid var(--premium-border-subtle)!important;border-radius:12px!important;border-radius:var(--premium-radius-lg)!important;cursor:pointer;overflow:hidden;padding:16px!important;padding:var(--premium-space-4)!important;position:relative;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--premium-duration-fast) var(--premium-ease-out)}.note-card:before{background:#667eea;background:var(--note-accent-color,var(--premium-gradient-start));border-radius:4px 0 0 4px;bottom:0;content:"";left:0;opacity:.7;position:absolute;top:0;transition:opacity .15s;transition:opacity var(--premium-duration-fast);width:4px}.note-card:hover{border-color:#d0d7de!important;border-color:var(--premium-border-light)!important;box-shadow:0 1px 3px #1f23281f,0 8px 24px #424a531f;box-shadow:var(--premium-shadow-sm);transform:translateY(-1px)}.note-card:hover:before{opacity:1}.note-card.active,.note-card.selected{background:#2563eb08!important;border-color:#2563eb!important;border-color:var(--premium-accent)!important;box-shadow:0 0 0 3px #2563eb40,0 1px 3px #1f23281f,0 8px 24px #424a531f;box-shadow:var(--premium-shadow-glow),var(--premium-shadow-sm)}.note-card-header{align-items:flex-start;display:flex;gap:8px;gap:var(--premium-space-2);justify-content:space-between;margin-bottom:8px;margin-bottom:var(--premium-space-2)}.note-card-header h4{-webkit-line-clamp:2;color:#24292f!important;color:var(--premium-text-primary)!important;flex:1 1;font-size:15px!important;font-weight:600!important;line-height:1.4!important;margin:0!important}.note-card-header h4,.note-card-preview{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note-card-preview{-webkit-line-clamp:3;color:#57606a!important;color:var(--premium-text-secondary)!important;font-size:13px!important;line-height:1.5!important;margin-bottom:12px!important;margin-bottom:var(--premium-space-3)!important}.note-card-footer{align-items:center;border-top:1px solid #eaeef2;border-top:1px solid var(--premium-border-subtle);display:flex;justify-content:space-between;padding-top:12px;padding-top:var(--premium-space-3)}.note-card-date{color:#8b949e!important;color:var(--premium-text-tertiary)!important;font-size:11px!important;font-weight:500}.note-card-tags{display:flex;flex-wrap:wrap;gap:4px;gap:var(--premium-space-1)}.note-tag{align-items:center!important;background:linear-gradient(135deg,#667eea1a,#764ba21a)!important;background:var(--premium-gradient-subtle)!important;border:none!important;border-radius:9999px!important;border-radius:var(--premium-radius-full)!important;color:#667eea!important;color:var(--premium-gradient-start)!important;display:inline-flex!important;font-size:11px!important;font-weight:500!important;padding:3px 8px!important}.note-indicators{display:flex;gap:4px;gap:var(--premium-space-1)}.note-indicator{font-size:12px;opacity:.8}.note-editor-panel{background:#fff!important;background:var(--premium-surface-light)!important;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.note-header{background:#fff;background:var(--premium-surface-light);border-bottom:1px solid #eaeef2!important;border-bottom:1px solid var(--premium-border-subtle)!important;padding:20px 24px!important;padding:var(--premium-space-5) var(--premium-space-6)!important}.note-title-input{background:#0000!important;border:none!important;color:#24292f!important;color:var(--premium-text-primary)!important;font-size:28px!important;font-weight:700!important;line-height:1.3!important;outline:none;padding:0!important;width:100%!important}.note-title-input::placeholder{color:#8b949e;color:var(--premium-text-tertiary)}.note-meta{color:#57606a;color:var(--premium-text-secondary);font-size:13px;gap:16px;gap:var(--premium-space-4);margin-top:12px;margin-top:var(--premium-space-3)}.note-meta,.note-meta-item{align-items:center;display:flex}.note-meta-item{gap:4px;gap:var(--premium-space-1)}.editor-container{flex:1 1;overflow-y:auto;padding:24px!important;padding:var(--premium-space-6)!important}.ql-container{border:none!important;color:#24292f!important;color:var(--premium-text-primary)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif!important;font-family:var(--premium-font-sans)!important;font-size:16px!important;line-height:1.7!important}.ql-editor{min-height:300px;padding:0!important}.ql-editor p{margin-bottom:1em!important}.ql-editor h1{font-size:2em!important}.ql-editor h1,.ql-editor h2{font-weight:700!important;margin-bottom:.5em!important}.ql-editor h2{font-size:1.5em!important}.ql-editor h3{font-size:1.25em!important;font-weight:600!important;margin-bottom:.5em!important}.ql-editor blockquote{border-left:4px solid #667eea!important;border-left:4px solid var(--premium-gradient-start)!important;color:#57606a!important;color:var(--premium-text-secondary)!important;font-style:italic;margin:16px 0!important;margin:var(--premium-space-4) 0!important;padding-left:16px!important;padding-left:var(--premium-space-4)!important}.ql-editor pre{background:#0d1117!important;background:var(--premium-bg-dark)!important;border-radius:8px!important;border-radius:var(--premium-radius-md)!important;color:#e6edf3!important;font-size:14px!important;overflow-x:auto;padding:16px!important;padding:var(--premium-space-4)!important}.ql-editor code,.ql-editor pre{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace!important;font-family:var(--premium-font-mono)!important}.ql-editor code{background:#667eea1a!important;border-radius:6px!important;border-radius:var(--premium-radius-sm)!important;color:#667eea!important;color:var(--premium-gradient-start)!important;font-size:.9em!important;padding:2px 6px!important}.ql-toolbar{background:#f6f8fa!important;background:var(--premium-surface-hover)!important;border:none!important;border-bottom:1px solid #eaeef2!important;border-bottom:1px solid var(--premium-border-subtle)!important;border-radius:0!important;padding:12px 16px!important;padding:var(--premium-space-3) var(--premium-space-4)!important}.ql-toolbar button{align-items:center!important;border-radius:6px!important;border-radius:var(--premium-radius-sm)!important;display:flex!important;height:32px!important;justify-content:center!important;width:32px!important}.ql-toolbar button:hover{background:#fff!important;background:var(--premium-surface-light)!important}.ql-toolbar button.ql-active{background:#2563eb1a!important;color:#2563eb!important;color:var(--premium-accent)!important}.modal-overlay{animation:fadeIn .15s cubic-bezier(.16,1,.3,1);animation:fadeIn var(--premium-duration-fast) var(--premium-ease-out);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080!important;inset:0;padding:16px;padding:var(--premium-space-4);z-index:10000}.modal{animation:slideUp .25s cubic-bezier(.16,1,.3,1);animation:slideUp var(--premium-duration-normal) var(--premium-ease-out);background:#fff!important;background:var(--premium-surface-light)!important;border-radius:16px!important;border-radius:var(--premium-radius-xl)!important;box-shadow:0 20px 48px #8c959f59!important;box-shadow:var(--premium-shadow-xl)!important;max-height:90vh;max-width:500px;overflow:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #eaeef2!important;border-bottom:1px solid var(--premium-border-subtle)!important;padding:20px 20px 16px!important;padding:var(--premium-space-5) var(--premium-space-5) var(--premium-space-4)!important}.modal-header h3{color:#24292f!important;color:var(--premium-text-primary)!important;font-size:18px!important;font-weight:600!important;margin:0!important}.modal-close{align-items:center;background:#0000!important;border:none!important;border-radius:8px!important;border-radius:var(--premium-radius-md)!important;color:#8b949e!important;color:var(--premium-text-tertiary)!important;cursor:pointer;display:flex;font-size:18px;height:32px!important;justify-content:center;transition:all .15s;transition:all var(--premium-duration-fast);width:32px!important}.modal-close:hover{background:#f6f8fa!important;background:var(--premium-surface-hover)!important;color:#24292f;color:var(--premium-text-primary)}.modal-body{padding:20px!important;padding:var(--premium-space-5)!important}.modal-footer{border-top:1px solid #eaeef2!important;border-top:1px solid var(--premium-border-subtle)!important;display:flex;gap:12px;gap:var(--premium-space-3);justify-content:flex-end;padding:16px 20px 20px!important;padding:var(--premium-space-4) var(--premium-space-5) var(--premium-space-5)!important}.modal input[type=email],.modal input[type=text],.modal select,.modal textarea{background:#fff!important;background:var(--premium-surface-light)!important;border:1px solid #d8dee4!important;border:1px solid var(--premium-border-muted)!important;border-radius:8px!important;border-radius:var(--premium-radius-md)!important;color:#24292f;color:var(--premium-text-primary);font-size:14px!important;padding:12px 14px!important;transition:all .15s;transition:all var(--premium-duration-fast);width:100%}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#2563eb!important;border-color:var(--premium-accent)!important;box-shadow:0 0 0 3px #2563eb40;box-shadow:var(--premium-shadow-glow);outline:none}.modal label{color:#57606a!important;color:var(--premium-text-secondary)!important;display:block;font-size:13px!important;font-weight:500!important;margin-bottom:8px!important;margin-bottom:var(--premium-space-2)!important}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--premium-gradient)!important;border:none!important;border-radius:8px!important;border-radius:var(--premium-radius-md)!important;color:#fff!important;cursor:pointer;font-size:14px!important;font-weight:600!important;padding:10px 20px!important;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--premium-duration-fast) var(--premium-ease-out)}.btn-primary:hover{box-shadow:0 8px 24px #8c959f33;box-shadow:var(--premium-shadow-md);opacity:.9;transform:translateY(-1px)}.btn-secondary{background:#fff!important;background:var(--premium-surface-light)!important;border:1px solid #d8dee4!important;border:1px solid var(--premium-border-muted)!important;border-radius:8px!important;border-radius:var(--premium-radius-md)!important;color:#24292f!important;color:var(--premium-text-primary)!important;cursor:pointer;font-size:14px!important;font-weight:500!important;padding:10px 20px!important;transition:all .15s;transition:all var(--premium-duration-fast)}.btn-secondary:hover{background:#f6f8fa!important;background:var(--premium-surface-hover)!important;border-color:#d0d7de;border-color:var(--premium-border-light)}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f6f8fa 25%,#eaeef2 50%,#f6f8fa 75%);background:linear-gradient(90deg,var(--premium-surface-hover) 25%,var(--premium-border-subtle) 50%,var(--premium-surface-hover) 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--premium-radius-md)}@media (max-width:768px){.mobile-header-bar{align-items:center;background:#fff;background:var(--premium-surface-light);border-bottom:1px solid #eaeef2;border-bottom:1px solid var(--premium-border-subtle);display:flex!important;justify-content:space-between;padding:12px 16px;padding:var(--premium-space-3) var(--premium-space-4);padding-top:calc(12px + env(safe-area-inset-top, 0px));padding-top:calc(var(--premium-space-3) + var(--safe-top));position:-webkit-sticky;position:sticky;top:0;z-index:100}.mobile-header-bar h1{color:#24292f;color:var(--premium-text-primary);font-size:18px;font-weight:700;margin:0}.notes-sidebar{bottom:0;box-shadow:none;left:-100%;max-width:320px;position:fixed!important;top:0;transition:left .25s cubic-bezier(.16,1,.3,1);transition:left var(--premium-duration-normal) var(--premium-ease-out);width:85%!important;z-index:1000}.notes-sidebar.open{box-shadow:0 20px 48px #8c959f59;box-shadow:var(--premium-shadow-xl);left:0}.notes-list-panel{bottom:0;left:-100%;position:fixed!important;top:0;transition:left .25s cubic-bezier(.16,1,.3,1);transition:left var(--premium-duration-normal) var(--premium-ease-out);width:100%!important;z-index:999}.notes-list-panel.open{left:0}.note-editor-panel{inset:0;padding-bottom:calc(60px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(60px + var(--safe-bottom));position:fixed;z-index:998}.note-header{padding:16px!important;padding:var(--premium-space-4)!important;padding-top:calc(16px + env(safe-area-inset-top, 0px));padding-top:calc(var(--premium-space-4) + var(--safe-top))}.note-title-input{font-size:22px!important}.editor-container{padding:16px!important;padding:var(--premium-space-4)!important}.mobile-fab{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--premium-gradient)!important;border:none!important;border-radius:50%!important;bottom:calc(76px + env(safe-area-inset-bottom, 0px));bottom:calc(var(--premium-space-4) + var(--safe-bottom) + 60px);box-shadow:0 12px 28px #8c959f4d,0 8px 10px #8c959f24;box-shadow:var(--premium-shadow-lg);color:#fff!important;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed!important;right:16px;right:var(--premium-space-4);transition:all .15s cubic-bezier(.34,1.56,.64,1);transition:all var(--premium-duration-fast) var(--premium-ease-spring);width:56px;z-index:100}.mobile-fab:active{transform:scale(.95)}.mobile-bottom-toolbar{background:#fff;background:var(--premium-surface-light);border-top:1px solid #eaeef2;border-top:1px solid var(--premium-border-subtle);bottom:0;display:flex;justify-content:space-around;left:0;padding:8px 16px;padding:var(--premium-space-2) var(--premium-space-4);padding-bottom:calc(8px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(var(--premium-space-2) + var(--safe-bottom));position:fixed;right:0;z-index:1001}.mobile-bottom-toolbar button{align-items:center;background:#0000;border:none;color:#57606a;color:var(--premium-text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:20px;gap:4px;padding:12px;padding:var(--premium-space-3)}.mobile-bottom-toolbar button span{font-size:10px;font-weight:500}.mobile-bottom-toolbar button.active{color:#2563eb;color:var(--premium-accent)}.bottom-sheet{background:#fff;background:var(--premium-surface-light);border-radius:16px 16px 0 0;border-radius:var(--premium-radius-xl) var(--premium-radius-xl) 0 0;bottom:0;box-shadow:0 20px 48px #8c959f59;box-shadow:var(--premium-shadow-xl);left:0;max-height:70vh;overflow-y:auto;padding:20px;padding:var(--premium-space-5);padding-bottom:calc(20px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(var(--premium-space-5) + var(--safe-bottom));position:fixed;right:0;transform:translateY(100%);transition:transform .25s cubic-bezier(.16,1,.3,1);transition:transform var(--premium-duration-normal) var(--premium-ease-out);z-index:2000}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-handle{background:#d8dee4;background:var(--premium-border-muted);border-radius:2px;height:4px;margin:0 auto 16px;margin:0 auto var(--premium-space-4);width:40px}.bottom-sheet-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--premium-space-4)}.bottom-sheet-header h3{font-size:16px;font-weight:600;margin:0}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .15s;transition:opacity var(--premium-duration-fast);z-index:998}.mobile-overlay.active{opacity:1;pointer-events:auto}.note-card{margin-bottom:8px!important;margin-bottom:var(--premium-space-2)!important;padding:12px!important;padding:var(--premium-space-3)!important}.note-card-header h4{font-size:14px!important}.note-card-preview{-webkit-line-clamp:2;font-size:12px!important}.note-card-swipe-container{border-radius:12px;border-radius:var(--premium-radius-lg);overflow:hidden;position:relative}.swipe-action{align-items:center;bottom:0;color:#fff;display:flex;font-size:24px;justify-content:center;position:absolute;top:0;width:80px}.swipe-action-left{background:#cf222e;background:var(--premium-error);left:0}.swipe-action-right{background:#2ea043;background:var(--premium-success);right:0}.mobile-close-btn{background:#f6f8fa;background:var(--premium-surface-hover);border-radius:50%;color:#57606a;color:var(--premium-text-secondary);font-size:16px;height:36px;position:absolute;right:12px;right:var(--premium-space-3);top:12px;top:var(--premium-space-3);width:36px}.mobile-close-btn,.mobile-menu-btn{align-items:center;border:none;cursor:pointer;display:flex;justify-content:center}.mobile-menu-btn{background:#0000;flex-direction:column;gap:5px;height:40px;width:40px}.mobile-menu-btn span{background:#24292f;background:var(--premium-text-primary);border-radius:1px;height:2px;transition:all .15s;transition:all var(--premium-duration-fast);width:22px}}.note-taking-container.theme-dark{--premium-bg-light:#0d1117;--premium-surface-light:#161b22;--premium-surface-elevated:#21262d;--premium-surface-hover:#21262d;--premium-text-primary:#e6edf3;--premium-text-secondary:#8b949e;--premium-text-tertiary:#6e7681;--premium-border-light:#30363d;--premium-border-muted:#21262d;--premium-border-subtle:#21262d}.note-taking-container.theme-dark .notes-sidebar{background:linear-gradient(180deg,#161b22,#0d1117)!important}.note-taking-container.theme-dark .ql-editor pre{background:#0d1117!important}.note-taking-container.theme-sepia{--premium-bg-light:#f4ecd8;--premium-surface-light:#faf6eb;--premium-surface-hover:#f0e8d6;--premium-text-primary:#5c4b37;--premium-text-secondary:#7a6a56;--premium-text-tertiary:#9a8a76;--premium-border-light:#e0d5c0;--premium-border-muted:#e8dcc8;--premium-border-subtle:#f0e8d6;--premium-gradient-start:#a08060;--premium-gradient-end:#8a6040}.pomodoro-timer{background:#fff!important;background:var(--premium-surface-light)!important;border:1px solid #d8dee4!important;border:1px solid var(--premium-border-muted)!important;border-radius:16px!important;border-radius:var(--premium-radius-xl)!important;box-shadow:0 12px 28px #8c959f4d,0 8px 10px #8c959f24!important;box-shadow:var(--premium-shadow-lg)!important;padding:16px!important;padding:var(--premium-space-4)!important}.pomodoro-display{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--premium-gradient);-webkit-background-clip:text;background-clip:text;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace!important;font-family:var(--premium-font-mono)!important;font-size:48px!important;font-weight:700!important}.canvas-mode{background:linear-gradient(135deg,#fafbfc 25%,#0000 0),linear-gradient(225deg,#fafbfc 25%,#0000 0),linear-gradient(45deg,#fafbfc 25%,#0000 0),linear-gradient(315deg,#fafbfc 25%,#fff 0);background:linear-gradient(135deg,var(--premium-bg-light) 25%,#0000 25%),linear-gradient(225deg,var(--premium-bg-light) 25%,#0000 25%),linear-gradient(45deg,var(--premium-bg-light) 25%,#0000 25%),linear-gradient(315deg,var(--premium-bg-light) 25%,var(--premium-surface-light) 25%);background-position:0 0,10px 0,10px -10px,0 10px;background-size:20px 20px}.canvas-text-box{background:#fff!important;background:var(--premium-surface-light)!important;border:2px solid #eaeef2!important;border:2px solid var(--premium-border-subtle)!important;border-radius:12px!important;border-radius:var(--premium-radius-lg)!important;box-shadow:0 8px 24px #8c959f33!important;box-shadow:var(--premium-shadow-md)!important;transition:border-color .15s,box-shadow .15s;transition:border-color var(--premium-duration-fast),box-shadow var(--premium-duration-fast)}.canvas-text-box.active,.canvas-text-box:hover{border-color:#2563eb!important;border-color:var(--premium-accent)!important;box-shadow:0 0 0 3px #2563eb40,0 8px 24px #8c959f33!important;box-shadow:var(--premium-shadow-glow),var(--premium-shadow-md)!important}.react-flow__node{border-radius:8px!important;border-radius:var(--premium-radius-md)!important;box-shadow:0 1px 3px #1f23281f,0 8px 24px #424a531f!important;box-shadow:var(--premium-shadow-sm)!important}.react-flow__node.selected{box-shadow:0 0 0 3px #2563eb40,0 8px 24px #8c959f33!important;box-shadow:var(--premium-shadow-glow),var(--premium-shadow-md)!important}.tags-container{background:#fff;background:var(--premium-surface-light);border:1px solid #d8dee4;border:1px solid var(--premium-border-muted);border-radius:8px;border-radius:var(--premium-radius-md);display:flex;flex-wrap:wrap;gap:8px;gap:var(--premium-space-2);min-height:44px;padding:8px;padding:var(--premium-space-2)}.tag-pill{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);background:var(--premium-gradient-subtle);border-radius:9999px;border-radius:var(--premium-radius-full);color:#667eea;color:var(--premium-gradient-start);display:inline-flex;font-size:13px;font-weight:500;gap:4px;gap:var(--premium-space-1);padding:4px 10px}.tag-pill button{align-items:center;background:#0000;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:12px;height:16px;justify-content:center;opacity:.6;width:16px}.tag-pill button:hover{background:#0000001a;opacity:1}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;padding:var(--premium-space-10)}.empty-state-icon{font-size:64px;margin-bottom:16px;margin-bottom:var(--premium-space-4);opacity:.5}.empty-state-title{color:#24292f;color:var(--premium-text-primary);font-size:20px;font-weight:600;margin-bottom:8px;margin-bottom:var(--premium-space-2)}.empty-state-text{color:#57606a;color:var(--premium-text-secondary);font-size:14px;max-width:300px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #d8dee4;border-top-color:#2563eb;border:3px solid var(--premium-border-muted);border-radius:50%;border-top-color:var(--premium-accent);height:40px;width:40px}[data-tooltip]{position:relative}[data-tooltip]:after{background:#24292f;background:var(--premium-text-primary);border-radius:6px;border-radius:var(--premium-radius-sm);bottom:100%;color:#fff;color:var(--premium-text-inverse);content:attr(data-tooltip);font-size:12px;font-weight:500;left:50%;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-4px);transition:opacity .15s,transform .15s;transition:opacity var(--premium-duration-fast),transform var(--premium-duration-fast);white-space:nowrap}[data-tooltip]:hover:after{opacity:1;transform:translateX(-50%) translateY(-8px)}:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--premium-accent);outline-offset:2px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d8dee4;background:var(--premium-border-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b949e;background:var(--premium-text-tertiary)}.note-card.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3!important;border:1px solid #fff3!important}.note-taking-container.theme-dark .note-card.glass{background:#1e293bb3!important;border:1px solid #ffffff1a!important}.note-card:after{background:radial-gradient(circle at 50% 50%,#667eea26 0,#0000 50%);background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),#667eea26 0,#0000 50%);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s}.note-card:hover:after{opacity:1}.note-card.loading:before{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);background-size:200% 100%;border-radius:inherit;content:"";inset:0;position:absolute}.note-card{animation:slideInFade .4s cubic-bezier(.16,1,.3,1) backwards;animation:slideInFade .4s var(--premium-ease-out) backwards}.note-card:first-child{animation-delay:.05s}.note-card:nth-child(2){animation-delay:.1s}.note-card:nth-child(3){animation-delay:.15s}.note-card:nth-child(4){animation-delay:.2s}.note-card:nth-child(5){animation-delay:.25s}.note-card:nth-child(6){animation-delay:.3s}.note-card:nth-child(7){animation-delay:.35s}.note-card:nth-child(8){animation-delay:.4s}@keyframes slideInFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notebook-item,.section-item{animation:slideInLeft .3s cubic-bezier(.16,1,.3,1) backwards;animation:slideInLeft .3s var(--premium-ease-out) backwards}.notebook-item:first-child,.section-item:first-child{animation-delay:.05s}.notebook-item:nth-child(2),.section-item:nth-child(2){animation-delay:.1s}.notebook-item:nth-child(3),.section-item:nth-child(3){animation-delay:.15s}.notebook-item:nth-child(4),.section-item:nth-child(4){animation-delay:.2s}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.notebook-item.active,.section-item.active{animation:activePulse 2s ease-in-out infinite}@keyframes activePulse{0%,to{box-shadow:inset 3px 0 0 #2563eb;box-shadow:inset 3px 0 0 var(--premium-accent)}50%{box-shadow:inset 3px 0 0 #2563eb,0 0 8px #2563eb4d;box-shadow:inset 3px 0 0 var(--premium-accent),0 0 8px #2563eb4d}}.btn-primary:active,.btn-secondary:active{transform:scale(.97)}.note-title-input:focus,.search-bar input:focus{animation:focusGlow .3s cubic-bezier(.16,1,.3,1);animation:focusGlow .3s var(--premium-ease-out)}@keyframes focusGlow{0%{box-shadow:0 0 0 0 #2563eb66}to{box-shadow:0 0 0 3px #2563eb40;box-shadow:var(--premium-shadow-glow)}}.btn-danger,.item-delete-btn{transition:all .2s cubic-bezier(.16,1,.3,1);transition:all .2s var(--premium-ease-out)}.btn-danger:hover{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 4px 12px #ef444466;transform:scale(1.02)}.inline-toolbar{animation:popIn .15s cubic-bezier(.34,1.56,.64,1);animation:popIn .15s var(--premium-ease-spring);background:#fff;background:var(--premium-surface-light);border:1px solid #d8dee4;border:1px solid var(--premium-border-muted);border-radius:12px;border-radius:var(--premium-radius-lg);box-shadow:0 12px 28px #8c959f4d,0 8px 10px #8c959f24;box-shadow:var(--premium-shadow-lg);display:flex;gap:2px;padding:6px 8px;position:absolute;z-index:1000}@keyframes popIn{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.inline-toolbar button{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--premium-radius-sm);color:#57606a;color:var(--premium-text-secondary);cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .15s;width:28px}.inline-toolbar button:hover{background:#f6f8fa;background:var(--premium-surface-hover);color:#24292f;color:var(--premium-text-primary)}.inline-toolbar button.active{background:#2563eb1a;color:#2563eb;color:var(--premium-accent)}.confirm-dialog{align-items:center;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10001}.confirm-dialog-backdrop{animation:fadeIn .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;inset:0;position:absolute}.confirm-dialog-content{animation:scaleIn .2s cubic-bezier(.16,1,.3,1);animation:scaleIn .2s var(--premium-ease-out);background:#fff;background:var(--premium-surface-light);border-radius:16px;border-radius:var(--premium-radius-xl);box-shadow:0 20px 48px #8c959f59;box-shadow:var(--premium-shadow-xl);max-width:400px;padding:24px;position:relative;width:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-dialog-icon{align-items:center;border-radius:50%;display:flex;font-size:24px;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.confirm-dialog-icon.danger{background:#ef44441a;color:#cf222e;color:var(--premium-error)}.confirm-dialog-title{color:#24292f;color:var(--premium-text-primary);font-size:18px;font-weight:600;margin-bottom:8px;text-align:center}.confirm-dialog-message{color:#57606a;color:var(--premium-text-secondary);font-size:14px;line-height:1.5;margin-bottom:24px;text-align:center}.confirm-dialog-actions{display:flex;gap:12px}.confirm-dialog-actions button{border-radius:8px;border-radius:var(--premium-radius-md);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s}.confirm-dialog-actions .btn-cancel{background:#f6f8fa;background:var(--premium-surface-hover);border:1px solid #d8dee4;border:1px solid var(--premium-border-muted);color:#24292f;color:var(--premium-text-primary)}.confirm-dialog-actions .btn-confirm-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff}.confirm-dialog-actions .btn-confirm-danger:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.keyboard-shortcut{align-items:center;color:#8b949e;color:var(--premium-text-tertiary);display:inline-flex;font-size:11px;gap:4px}.keyboard-shortcut kbd{align-items:center;background:#f6f8fa;background:var(--premium-surface-hover);border:1px solid #d8dee4;border:1px solid var(--premium-border-muted);border-radius:4px;box-shadow:0 1px 0 #d0d7de;box-shadow:0 1px 0 var(--premium-border-light);color:#57606a;color:var(--premium-text-secondary);display:inline-flex;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-family:var(--premium-font-mono);font-size:10px;height:20px;justify-content:center;min-width:20px;padding:0 6px}.context-menu{animation:contextMenuIn .15s cubic-bezier(.16,1,.3,1);animation:contextMenuIn .15s var(--premium-ease-out);background:#fff;background:var(--premium-surface-light);border:1px solid #d8dee4;border:1px solid var(--premium-border-muted);border-radius:12px;border-radius:var(--premium-radius-lg);box-shadow:0 12px 28px #8c959f4d,0 8px 10px #8c959f24;box-shadow:var(--premium-shadow-lg);min-width:180px;padding:6px;position:fixed;z-index:10000}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{align-items:center;border-radius:6px;border-radius:var(--premium-radius-sm);color:#24292f;color:var(--premium-text-primary);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 12px;transition:background .15s}.context-menu-item:hover{background:#f6f8fa;background:var(--premium-surface-hover)}.context-menu-item.danger{color:#cf222e;color:var(--premium-error)}.context-menu-item.danger:hover{background:#ef44441a}.context-menu-icon{font-size:14px;opacity:.8}.context-menu-label{flex:1 1}.context-menu-shortcut{color:#8b949e;color:var(--premium-text-tertiary);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-family:var(--premium-font-mono);font-size:11px}.context-menu-divider{background:#eaeef2;background:var(--premium-border-subtle);height:1px;margin:6px 0}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:8px;position:fixed;right:24px;z-index:10002}.toast{align-items:center;animation:toastIn .3s cubic-bezier(.34,1.56,.64,1);animation:toastIn .3s var(--premium-ease-spring);background:#fff;background:var(--premium-surface-light);border:1px solid #d8dee4;border:1px solid var(--premium-border-muted);border-radius:12px;border-radius:var(--premium-radius-lg);box-shadow:0 12px 28px #8c959f4d,0 8px 10px #8c959f24;box-shadow:var(--premium-shadow-lg);display:flex;gap:12px;padding:14px 18px}@keyframes toastIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast.exiting{animation:toastOut .2s cubic-bezier(.16,1,.3,1) forwards;animation:toastOut .2s var(--premium-ease-out) forwards}@keyframes toastOut{to{opacity:0;transform:translateX(100%)}}.toast-icon{font-size:20px}.toast-message{color:#24292f;color:var(--premium-text-primary);font-size:14px}.toast-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#8b949e;color:var(--premium-text-tertiary);cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.toast-close:hover{background:#f6f8fa;background:var(--premium-surface-hover);color:#24292f;color:var(--premium-text-primary)}.toast.success .toast-icon{color:#2ea043;color:var(--premium-success)}.toast.error .toast-icon{color:#cf222e;color:var(--premium-error)}.toast.warning .toast-icon{color:#d29922;color:var(--premium-warning)}.toast.info .toast-icon{color:#0969da;color:var(--premium-info)}.note-editor-panel,.notes-list-panel,.notes-sidebar{transition:width .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;transition:width .3s var(--premium-ease-out),transform .3s var(--premium-ease-out),box-shadow .3s}.resize-handle{background:#0000!important;transition:background .2s}.resize-handle:hover{background:linear-gradient(90deg,#0000,#667eea4d 50%,#0000)!important}.resize-handle:active{background:linear-gradient(90deg,#0000,#667eea80 50%,#0000)!important}::selection{background:#667eea4d;color:inherit}.ql-editor ::selection{background:#667eea40}@media print{.btn-primary,.btn-secondary,.editor-actions,.mobile-bottom-toolbar,.mobile-fab,.notes-list-panel,.notes-sidebar{display:none!important}.note-editor-panel{max-width:none!important;padding:0!important;width:100%!important}.note-title-input{border:none!important}}.confirm-modal-overlay{align-items:center;animation:fadeIn .2s cubic-bezier(.16,1,.3,1);animation:fadeIn .2s var(--premium-ease-out);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100000}.confirm-modal{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);animation:modalSlideIn .3s var(--premium-ease-spring,cubic-bezier(.34,1.56,.64,1));background:#fff;background:var(--premium-surface-light,#fff);border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;max-width:400px;padding:32px;text-align:center;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-modal-icon{align-items:center;border-radius:50%;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 20px;position:relative;width:64px}.confirm-modal-icon.danger{background:linear-gradient(135deg,#ef444426,#dc262626);color:#dc2626}.confirm-modal-icon.danger:before{animation:pulse-ring 2s ease-out infinite;border:2px solid #ef44444d;border-radius:50%;content:"";inset:-4px;position:absolute}.confirm-modal-icon.warning{background:linear-gradient(135deg,#f59e0b26,#d9770626);color:#d97706}.confirm-modal-icon.info{background:linear-gradient(135deg,#3b82f626,#2563eb26);color:#2563eb}.confirm-modal-title{color:#24292f;color:var(--premium-text-primary,#24292f);font-size:20px;font-weight:700;line-height:1.3;margin:0 0 12px}.confirm-modal-message{color:#57606a;color:var(--premium-text-secondary,#57606a);font-size:14px;line-height:1.6;margin:0 0 28px}.confirm-modal-actions{display:flex;gap:12px}.confirm-modal-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:14px 20px;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all .2s var(--premium-ease-out,ease)}.confirm-modal-btn.cancel{background:#f6f8fa;background:var(--premium-surface-hover,#f6f8fa);border:1px solid #d8dee4;border:1px solid var(--premium-border-muted,#d8dee4);color:#24292f;color:var(--premium-text-primary,#24292f)}.confirm-modal-btn.cancel:hover{background:#eaeef2;background:var(--premium-border-subtle,#eaeef2);transform:translateY(-1px)}.confirm-modal-btn.confirm{box-shadow:0 4px 14px #00000026;color:#fff}.confirm-modal-btn.confirm.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.confirm-modal-btn.confirm.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.confirm-modal-btn.confirm.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.confirm-modal-btn.confirm.warning:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.confirm-modal-btn.confirm.info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.confirm-modal-btn.confirm.info:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.confirm-modal-btn:active{transform:translateY(0) scale(.98)}.note-taking-container.theme-dark .confirm-modal{background:#1e293b;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d}.note-taking-container.theme-dark .confirm-modal-title{color:#f1f5f9}.note-taking-container.theme-dark .confirm-modal-message{color:#94a3b8}.note-taking-container.theme-dark .confirm-modal-btn.cancel{background:#334155;border-color:#475569;color:#f1f5f9}.note-taking-container.theme-dark .confirm-modal-btn.cancel:hover{background:#475569}@media (max-width:480px){.confirm-modal{border-radius:16px;margin:16px;padding:24px}.confirm-modal-icon{font-size:24px;height:56px;width:56px}.confirm-modal-title{font-size:18px}.confirm-modal-actions{flex-direction:column-reverse}.confirm-modal-btn{padding:16px}}:root{--alm-primary:#667eea;--alm-primary-light:#8b9cf6;--alm-secondary:#764ba2;--alm-accent:gold;--alm-success:#10b981;--alm-danger:#ef4444;--alm-warning:#f59e0b;--alm-bg-primary:#000;--alm-bg-secondary:#0a0a12;--alm-bg-tertiary:#111118;--alm-bg-card:#ffffff0a;--alm-bg-card-hover:#ffffff14;--alm-bg-card-active:#ffffff1f;--alm-text-primary:#fff;--alm-text-secondary:#ffffffbf;--alm-text-muted:#ffffff80;--alm-text-hint:#ffffff59;--alm-border:#ffffff14;--alm-border-hover:#ffffff26;--alm-radius-xs:6px;--alm-radius-sm:10px;--alm-radius-md:14px;--alm-radius-lg:18px;--alm-radius-xl:24px;--alm-radius-2xl:32px;--alm-radius-full:9999px;--alm-shadow-sm:0 1px 2px #0000004d;--alm-shadow:0 2px 8px #0006;--alm-shadow-lg:0 8px 24px #00000080;--alm-spring-bounce:cubic-bezier(0.34,1.56,0.64,1);--alm-spring-smooth:cubic-bezier(0.25,0.46,0.45,0.94);--alm-ease-out-expo:cubic-bezier(0.16,1,0.3,1);--alm-ease-in-out:cubic-bezier(0.4,0,0.2,1);--alm-spacing-xs:4px;--alm-spacing-sm:8px;--alm-spacing-md:16px;--alm-spacing-lg:24px;--alm-spacing-xl:32px;--alm-spacing-2xl:48px;--alm-touch-target:44px;--alm-touch-target-lg:52px;--alm-font-xs:11px;--alm-font-sm:13px;--alm-font-base:15px;--alm-font-md:17px;--alm-font-lg:20px;--alm-font-xl:24px;--alm-font-2xl:28px;--alm-font-3xl:34px;--alm-safe-top:env(safe-area-inset-top,0px);--alm-safe-bottom:env(safe-area-inset-bottom,20px);--alm-safe-left:env(safe-area-inset-left,0px);--alm-safe-right:env(safe-area-inset-right,0px)}.content-wrapper:has(.ai-learning-mastery){margin:0!important;max-width:100%!important;padding:0!important}.ai-learning-mastery{margin:0 -16px!important;width:calc(100% + 32px)!important}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}.ai-learning-mastery{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;background:#000;background:var(--alm-bg-primary);color:#fff;color:var(--alm-text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,system-ui,sans-serif;font-size:15px;font-size:var(--alm-font-base);line-height:1.5;min-height:100vh;min-height:100dvh;overflow-x:hidden;overscroll-behavior-y:contain;padding:env(safe-area-inset-top,0) 0 0;padding-bottom:calc(48px + env(safe-area-inset-bottom, 20px));padding-bottom:calc(var(--alm-spacing-2xl) + var(--alm-safe-bottom));padding-top:var(--alm-safe-top);position:relative}html{scroll-behavior:smooth}.celebration-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.16,1,.3,1);animation:fadeIn .3s var(--alm-ease-out-expo);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000000eb;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.celebration-content{animation:celebrate .6s cubic-bezier(.34,1.56,.64,1);animation:celebrate .6s var(--alm-spring-bounce);text-align:center}.celebration-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#fa0);background:linear-gradient(135deg,var(--alm-accent),#fa0);-webkit-background-clip:text;font-size:34px;font-size:var(--alm-font-3xl);font-weight:700;margin:24px 0 8px;margin:var(--alm-spacing-lg) 0 var(--alm-spacing-sm)}.celebration-content p{color:#ffffffbf;color:var(--alm-text-secondary);font-size:17px;font-size:var(--alm-font-md)}.celebration-icon{animation:spin 2s linear infinite,pulse .5s ease infinite alternate;color:gold;color:var(--alm-accent);filter:drop-shadow(0 0 30px #ffd700);filter:drop-shadow(0 0 30px var(--alm-accent))}@keyframes celebrate{0%{opacity:0;transform:scale(.5) rotate(-10deg)}50%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.learning-header{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--alm-primary),var(--alm-secondary));border-radius:0;box-shadow:0 0 40px #667eea33;margin-bottom:8px;margin-bottom:var(--alm-spacing-sm);margin-left:0;margin-right:0;overflow:hidden;padding:24px;padding:var(--alm-spacing-lg);position:relative}.learning-header:before{background:linear-gradient(180deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-title{align-items:flex-start;display:flex;gap:16px;gap:var(--alm-spacing-md);margin-bottom:24px;margin-bottom:var(--alm-spacing-lg);position:relative}.header-icon{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border-radius:14px;border-radius:var(--alm-radius-md);display:flex;flex-shrink:0;height:52px;justify-content:center;padding:8px;padding:var(--alm-spacing-sm);width:52px}.header-title h1{color:#fff;font-size:24px;font-size:var(--alm-font-xl);font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0}.header-title p{font-size:13px;font-size:var(--alm-font-sm);line-height:1.4;margin:6px 0 0;opacity:.9}.header-stats{grid-gap:8px;grid-gap:var(--alm-spacing-sm);display:grid;grid-template-columns:repeat(2,1fr);position:relative}.header-stats,.stat-card{gap:8px;gap:var(--alm-spacing-sm)}.stat-card{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:.5px solid #ffffff1a;border-radius:14px;border-radius:var(--alm-radius-md);cursor:pointer;display:flex;padding:16px;padding:var(--alm-spacing-md);transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s cubic-bezier(.4,0,.2,1);transition:transform .15s var(--alm-spring-bounce),background .15s var(--alm-ease-in-out)}.stat-card:active{background:#ffffff40;transform:scale(.96)}.stat-card svg{color:gold;color:var(--alm-accent);flex-shrink:0;height:22px;width:22px}.stat-value{font-size:20px;font-size:var(--alm-font-lg);font-weight:700;letter-spacing:-.5px;line-height:1}.stat-label{font-size:11px;font-size:var(--alm-font-xs);letter-spacing:.3px;margin-top:2px;opacity:.8;text-transform:uppercase}.xp-progress-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0a;background:var(--alm-bg-card);border-bottom:.5px solid #ffffff14;border-bottom:.5px solid var(--alm-border);border-radius:0;border-top:.5px solid #ffffff14;border-top:.5px solid var(--alm-border);margin-left:0;margin-right:0;padding:16px;padding:var(--alm-spacing-md)}.xp-progress-container,.xp-progress-header{margin-bottom:8px;margin-bottom:var(--alm-spacing-sm)}.xp-progress-header{align-items:center;display:flex;font-size:13px;font-size:var(--alm-font-sm);font-weight:600;justify-content:space-between}.xp-progress-bar{background:#0006;height:24px;overflow:hidden}.xp-progress-bar,.xp-progress-fill{border-radius:9999px;border-radius:var(--alm-radius-full);position:relative}.xp-progress-fill{align-items:center;background:linear-gradient(90deg,#f093fb,#f5576c);display:flex;height:100%;padding:0 16px;padding:0 var(--alm-spacing-md);transition:width .5s cubic-bezier(.16,1,.3,1);transition:width .5s var(--alm-ease-out-expo)}.xp-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.xp-icon{animation:bounce 1.5s ease infinite}.overall-progress{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0a;background:var(--alm-bg-card);border-bottom:.5px solid #ffffff14;border-bottom:.5px solid var(--alm-border);border-radius:0;border-top:.5px solid #ffffff14;border-top:.5px solid var(--alm-border);margin-left:0;margin-right:0;padding:24px;padding:var(--alm-spacing-lg)}.overall-progress,.progress-header{margin-bottom:16px;margin-bottom:var(--alm-spacing-md)}.progress-header{align-items:center;display:flex;justify-content:space-between}.progress-header h2{font-size:20px;font-size:var(--alm-font-lg);font-weight:600;margin:0}.progress-percent{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text;font-size:28px;font-size:var(--alm-font-2xl);font-weight:700;letter-spacing:-.5px}.progress-bar{background:#0006;height:20px;margin-bottom:8px;margin-bottom:var(--alm-spacing-sm)}.progress-bar,.progress-fill{border-radius:var(--alm-radius-full)}.progress-fill{background:linear-gradient(90deg,#4facfe,#00f2fe);overflow:hidden;transition:width .8s var(--alm-ease-out-expo)}.progress-text{color:#ffffffbf;color:var(--alm-text-secondary);font-size:13px;font-size:var(--alm-font-sm);text-align:center}.daily-quests{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--alm-primary),var(--alm-secondary));border-radius:0;box-shadow:0 0 30px #667eea33;margin-bottom:16px;margin-bottom:var(--alm-spacing-md);margin-left:0;margin-right:0;padding:24px;padding:var(--alm-spacing-lg)}.daily-quests h3{align-items:center;font-size:20px;font-size:var(--alm-font-lg);font-weight:600;margin:0 0 16px;margin:0 0 var(--alm-spacing-md) 0}.daily-quests h3,.quest-list{display:flex;gap:8px;gap:var(--alm-spacing-sm)}.quest-list{flex-direction:column}.quest-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border-radius:14px;border-radius:var(--alm-radius-md);display:flex;gap:16px;gap:var(--alm-spacing-md);min-height:44px;min-height:var(--alm-touch-target);padding:16px;padding:var(--alm-spacing-md);transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s cubic-bezier(.4,0,.2,1);transition:transform .15s var(--alm-spring-bounce),background .15s var(--alm-ease-in-out)}.quest-item:active{background:#ffffff40;transform:scale(.98);transform:translateX(4px)}.quest-item.completed{opacity:.6;text-decoration:line-through}.quest-checkbox{color:gold;color:var(--alm-accent);height:22px;width:22px}.quest-text{flex:1 1;font-size:15px;font-size:var(--alm-font-base);font-weight:500}.quest-reward{background:#ffd70033;border-radius:9999px;border-radius:var(--alm-radius-full);color:gold;color:var(--alm-accent);font-size:13px;font-size:var(--alm-font-sm);font-weight:600;padding:6px 12px}.learning-phases{margin-bottom:32px;margin-bottom:var(--alm-spacing-xl);margin-left:0;margin-right:0}.learning-phases h2{color:#fff;color:var(--alm-text-primary);font-size:28px;font-size:var(--alm-font-2xl);font-weight:700;letter-spacing:-.5px;margin-bottom:24px;margin-bottom:var(--alm-spacing-lg);padding-left:16px;padding-left:var(--alm-spacing-md);padding-right:16px;padding-right:var(--alm-spacing-md)}.phases-grid{display:flex;flex-direction:column;gap:8px;gap:var(--alm-spacing-sm);margin-bottom:32px;margin-bottom:var(--alm-spacing-xl)}.phase-card,.phases-grid{margin-left:0;margin-right:0}.phase-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0a;background:var(--alm-bg-card);border:none;border-bottom:.5px solid #ffffff14;border-bottom:.5px solid var(--alm-border);border-radius:0;border-top:.5px solid #ffffff14;border-top:.5px solid var(--alm-border);cursor:pointer;overflow:hidden;padding:24px;padding:var(--alm-spacing-lg);position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .15s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);transition:transform .2s var(--alm-spring-bounce),background .15s var(--alm-ease-in-out),box-shadow .2s var(--alm-ease-in-out)}.phase-card:before{background:currentColor;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.phase-card:active{background:#ffffff1f;background:var(--alm-bg-card-active);transform:scale(.99)}.phase-card.active{background:#ffffff14;background:var(--alm-bg-card-hover);border-color:currentColor;box-shadow:inset 0 0 30px color-mix(in srgb,currentColor 10%,#0000)}.phase-card.locked{cursor:default;opacity:.6}.phase-card.locked:active{transform:none}.unlock-phase-btn{align-items:center;background:#ffffff14;border:1px dashed #667eea;border:1px dashed var(--phase-color,var(--alm-primary));border-radius:14px;border-radius:var(--alm-radius-md);color:#667eea;color:var(--phase-color,#667eea);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;gap:var(--alm-spacing-sm);justify-content:center;margin-top:16px;margin-top:var(--alm-spacing-md);padding:16px;padding:var(--alm-spacing-md);transition:all .3s ease;width:100%}.unlock-phase-btn:hover{background:#667eea;background:var(--phase-color,#667eea);border-style:solid;box-shadow:0 4px 20px #667eea66;color:#fff;transform:scale(1.02)}.phase-header{display:flex;gap:1.5rem;margin-bottom:1.5rem}.phase-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.phase-title h3{font-size:1.4rem;font-weight:700;margin:0 0 .5rem}.phase-title p{font-size:.95rem;margin:0 0 .5rem;opacity:.8}.phase-duration{background:#ffffff26;border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.phase-description{line-height:1.6;margin-bottom:1.5rem;opacity:.9}.phase-progress{align-items:center;display:flex;gap:1rem}.phase-progress .progress-bar{flex:1 1;height:8px;margin:0}.phase-progress span{font-size:.9rem;font-weight:600;white-space:nowrap}.phase-details{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:2rem}.phase-details-header{align-items:center;border-bottom:2px solid;display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem}.phase-details-header h2{font-size:2rem;margin:0 0 .5rem}.phase-details-header p{margin:0;opacity:.8}.week-section{margin-bottom:3rem}.week-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.week-header h3{font-size:1.5rem;font-weight:700;margin:0}.week-progress{background:#ffffff1a;border-radius:20px;font-weight:600;padding:.5rem 1rem}.days-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.day-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.day-card:before{background:linear-gradient(90deg,#4facfe,#00f2fe);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.day-card:hover:before{transform:scaleX(1)}.day-card:hover{background:#ffffff14;border-color:#4facfe80;box-shadow:0 12px 30px #0000004d;transform:translateY(-6px)}.day-card.completed{background:#10b98126;border-color:#10b981}.day-card.completed:before{background:#10b981;transform:scaleX(1)}.day-card.current{animation:glow 2s ease-in-out infinite;background:#f59e0b26;border-color:#f59e0b;box-shadow:0 0 30px #f59e0b4d}.day-card.locked{cursor:not-allowed;opacity:.4}.day-card.locked:hover{box-shadow:none;transform:none}.day-number{align-items:center;background:#ffffff1a;border-radius:20px;display:inline-flex;font-size:.9rem;font-weight:700;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.day-card h4{font-size:1.2rem;font-weight:700;line-height:1.3;margin:0 0 .75rem}.day-card p{font-size:.95rem;line-height:1.5;margin:0 0 1rem;opacity:.8}.day-meta{justify-content:space-between;margin-bottom:.75rem}.day-type{background:#8b5cf633;border-radius:20px;color:#a78bfa;font-size:.85rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.day-xp{color:gold;font-size:.95rem;font-weight:700}.day-progress{font-size:.9rem;opacity:.7;text-align:right}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:2rem}.modal-header h2{align-items:center;display:flex;font-size:1.8rem;gap:.75rem;margin:0 0 .5rem}.day-description{font-size:1rem;line-height:1.6;margin:0;opacity:.8}.close-button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;line-height:1;transition:all .2s ease;width:40px}.close-button:hover{background:#fff3;transform:rotate(90deg)}.day-tasks{padding:2rem}.day-tasks h3{font-size:1.3rem;margin:0 0 1.5rem}.task-item{align-items:flex-start;background:#ffffff0d;border-radius:8px;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:all .2s ease}.task-item:hover{background:#ffffff14}.task-item.completed{opacity:.6}.task-item.completed .task-text{text-decoration:line-through}.task-checkbox{background:#0000;border:none;color:#10b981;cursor:pointer;padding:0;transition:all .2s ease}.task-checkbox:hover{transform:scale(1.1)}.task-checkbox:disabled{cursor:default}.checkbox-empty{border:2px solid #ffffff4d;border-radius:4px;height:20px;transition:all .2s ease;width:20px}.task-checkbox:hover .checkbox-empty{border-color:#10b981}.task-text{flex:1 1;line-height:1.5}.day-reward{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 0 20px 20px;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1.5rem 2rem}.day-reward svg{color:gold}.achievements-modal{max-width:900px}.achievements-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:2rem}.achievement-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.achievement-card.unlocked{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea}.achievement-card.locked{opacity:.4}.achievement-card:hover{box-shadow:0 12px 30px #0000004d;transform:translateY(-6px)}.achievement-icon{font-size:3rem;margin-bottom:1rem}.achievement-card h4{font-size:1.1rem;margin:0 0 .5rem}.achievement-card p{font-size:.9rem;margin:0 0 1rem;opacity:.8}.achievement-xp{background:#ffd70033;border-radius:20px;color:gold;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.quick-actions{gap:1rem;justify-content:center;margin-top:2rem}.action-button{background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.action-button:hover{background:#ffffff26;border-color:#667eea;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.action-button.danger{border-color:#ef444480}.action-button.danger:hover{background:#ef44441a;border-color:#ef4444}@media (min-width:480px){.ai-learning-mastery{padding:1.5rem}.header-title h1{font-size:1.6rem}.stat-value{font-size:1.4rem}.stat-label{font-size:.8rem}}@media (min-width:768px){.ai-learning-mastery{padding:2rem}.learning-header{border-radius:20px;padding:2rem}.header-title{gap:1.5rem;margin-bottom:2rem}.header-icon{border-radius:15px;padding:1rem}.header-title h1{font-size:2rem}.header-title p{font-size:1rem}.header-stats{gap:1rem;grid-template-columns:repeat(4,1fr)}.stat-card{padding:1.25rem}.stat-value{font-size:1.6rem}.stat-label{font-size:.85rem}.days-grid,.phases-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.header-title h1{font-size:2.5rem}.header-title p{font-size:1.1rem}.stat-value{font-size:1.8rem}.stat-label{font-size:.9rem}.days-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1400px){.days-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:374px){.ai-learning-mastery{padding:.75rem}.learning-header{border-radius:12px;padding:1rem}.header-title h1{font-size:1.2rem}.header-title p{font-size:.8rem}.stat-card{gap:.5rem;padding:.75rem}.stat-value{font-size:1rem}.stat-card svg{height:18px;width:18px}.achievements-grid{grid-template-columns:1fr}}@media (max-width:767px){.modal-content{margin:auto 10px;max-height:85vh;width:95%}.modal-header{padding:1.25rem}.modal-header h2{font-size:1.3rem}.quick-actions{flex-direction:column;gap:.75rem}.action-button{justify-content:center;width:100%}}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.resources-panel{background:linear-gradient(135deg,#1e1e3f,#2d2d5a);border:1px solid #667eea4d;border-radius:12px;margin:1.5rem 0;padding:1rem}@media (min-width:768px){.resources-panel{border-radius:16px;margin:2rem 0;padding:1.5rem}}.resources-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}@media (min-width:480px){.resources-header{align-items:center;flex-direction:row;justify-content:space-between}}.resources-header h2{align-items:center;color:#a8c0ff;display:flex;font-size:1.5rem;gap:.75rem;margin:0}.expand-button{background:#667eea33;border:1px solid #667eea66;border-radius:8px;color:#a8c0ff;cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.expand-button:hover{background:#667eea66;transform:translateY(-1px)}.resources-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.resource-tab{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.resource-tab:hover{background:#667eea33;border-color:#667eea66;color:#fff}.resource-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 15px #667eea66;color:#fff}.resources-content{min-height:200px}.resource-list{display:flex;flex-direction:column;gap:.75rem}.resource-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;display:flex;gap:1rem;padding:1rem 1.25rem;text-decoration:none;transition:all .2s ease}.resource-item:hover{background:#667eea26;border-color:#667eea66;transform:translateX(5px)}.resource-item.critical{border-left:3px solid gold}.resource-item.high{border-left:3px solid #667eea}.resource-icon{align-items:center;background:#667eea33;border-radius:10px;color:#a8c0ff;display:flex;height:40px;justify-content:center;width:40px}.resource-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.resource-title{font-size:1rem;font-weight:600}.resource-type{color:#ffffff80;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.priority-badge{border-radius:20px;font-size:.75rem;padding:.25rem .75rem}.priority-badge.critical{background:linear-gradient(135deg,gold,#f59e0b);color:#000}.priority-badge.high{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.external-icon{color:#fff6;transition:color .2s ease}.resource-item:hover .external-icon{color:#667eea}.tools-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tool-card{background:#ffffff0d;border-radius:12px;color:#fff;padding:1.25rem;position:relative;text-decoration:none;transition:all .2s ease}.tool-card:hover{background:#667eea26;border-color:#667eea66;box-shadow:0 8px 25px #0000004d;transform:translateY(-3px)}.tool-category{color:#a8c0ff;font-size:.7rem;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.tool-card h4{font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.tool-card p{color:#fff9;font-size:.85rem}.tool-card .external-icon{position:absolute;right:1rem;top:1rem}.twitter-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.twitter-card{background:#1da1f21a;border:1px solid #1da1f24d;border-radius:12px;color:#fff;padding:1.25rem;text-align:center;text-decoration:none;transition:all .2s ease}.twitter-card:hover{background:#1da1f233;border-color:#1da1f280;transform:translateY(-3px)}.twitter-handle{color:#1da1f2;font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.twitter-name{color:#fffc;font-size:.9rem;margin-bottom:.5rem}.twitter-focus{background:#ffffff0d;border-radius:20px;color:#ffffff80;display:inline-block;font-size:.75rem;padding:.25rem .75rem}.day-resources{background:#667eea1a;border:1px solid #667eea4d;border-radius:12px;margin-top:1.5rem;padding:1.25rem}.day-resources h3{align-items:center;color:#a8c0ff;display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.day-resources-list{display:flex;flex-direction:column;gap:.5rem}.day-resource-item{align-items:center;background:#ffffff0d;border-radius:8px;color:#fff;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.day-resource-item:hover{background:#667eea33;transform:translateX(3px)}.day-resource-item span{flex:1 1}.day-resource-item svg:first-child{color:#a8c0ff}.day-resource-item svg:last-child{color:#fff6}@media (max-width:768px){.resources-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem}.resource-tab{white-space:nowrap}.tools-grid,.twitter-grid{grid-template-columns:1fr}.resource-item{flex-wrap:wrap}.priority-badge{margin-bottom:.5rem;order:-1}}.assessment-modal{max-height:90vh;max-width:900px;overflow-y:auto}.assessment-progress{background:#667eea1a;border-radius:12px;display:flex;flex-wrap:wrap;font-size:.9rem;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.assessment-questions{display:flex;flex-direction:column;gap:1.5rem}.assessment-question{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:1.25rem;transition:all .3s ease}.assessment-question.answered{background:#667eea0d;border-color:#667eea80}.assessment-question h4{color:#fff;font-size:1rem;line-height:1.5;margin:0 0 1rem}.answer-options{display:flex;flex-direction:column;gap:.75rem}.answer-option{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.85rem 1rem;transition:all .2s ease}.answer-option:hover{background:#667eea1a;border-color:#667eea4d}.answer-option.selected{background:#667eea33;border-color:#667eea}.answer-option input[type=radio]{accent-color:#667eea;flex-shrink:0;height:18px;width:18px}.submit-assessment-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1.5rem;padding:1rem;transition:all .3s ease;width:100%}.submit-assessment-btn:disabled{cursor:not-allowed;opacity:.5}.submit-assessment-btn:not(:disabled):hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.assessment-results{padding:1rem}.result-banner{border-radius:16px;margin-bottom:1.5rem;padding:2rem;text-align:center}.result-banner.passed{background:linear-gradient(135deg,#10b98133,#34d3991a);border:2px solid #10b981}.result-banner.failed{background:linear-gradient(135deg,#ef444433,#f871711a);border:2px solid #ef4444}.result-icon{display:block;font-size:3rem;margin-bottom:1rem}.result-banner h3{font-size:1.5rem;margin:0 0 .5rem}.result-score{font-size:2.5rem;font-weight:700;margin:.5rem 0}.result-banner.passed .result-score{color:#10b981}.result-banner.failed .result-score{color:#ef4444}.xp-earned{color:#fbbf24;font-size:1.1rem;font-weight:600;margin-top:.5rem}.answer-review{margin-top:1.5rem}.answer-review h4{font-size:1.1rem;margin-bottom:1rem}.review-item{border-left:4px solid;border-radius:10px;margin-bottom:.75rem;padding:1rem}.review-item.correct{background:#10b9811a;border-color:#10b981}.review-item.incorrect{background:#ef44441a;border-color:#ef4444}.review-question{align-items:flex-start;display:flex;font-weight:500;gap:.5rem;margin-bottom:.5rem}.review-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.8rem;height:20px;justify-content:center;width:20px}.review-item.correct .review-icon{background:#10b981;color:#fff}.review-item.incorrect .review-icon{background:#ef4444;color:#fff}.review-answer{font-size:.9rem;margin-left:25px;opacity:.8}.correct-answer{color:#10b981;display:block;font-weight:500;margin-top:.25rem}.review-explanation{color:#a8c0ff;font-size:.85rem;font-style:italic;margin-left:25px;margin-top:.5rem}.close-results-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1.5rem;padding:1rem;transition:all .2s ease;width:100%}.close-results-btn:hover{background:#ffffff26}.playground-modal{max-height:90vh;max-width:800px;overflow-y:auto}.playground-content{padding:1rem}.playground-intro{background:#667eea1a;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.playground-intro p{color:#fffc;margin:0}.playground-exercises{display:flex;flex-direction:column;gap:1rem}.playground-category{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:1.25rem;transition:all .3s ease}.playground-category.locked{opacity:.6}.category-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.category-header h3{flex:1 1;font-size:1.1rem;margin:0}.phase-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.category-description{color:#ffffffb3;font-size:.85rem;margin:.5rem 0 1rem}.exercise-list{display:flex;flex-direction:column;gap:.5rem}.exercise-item{align-items:center;background:#ffffff08;border-radius:8px;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 1rem}.exercise-item.completed{background:#10b9811a}.exercise-info{align-items:center;display:flex;flex:1 1;gap:.5rem}.exercise-status{color:#ffffff80}.exercise-item.completed .exercise-status{color:#10b981}.exercise-name{font-size:.9rem}.try-exercise-btn{background:#667eea33;border:1px solid #667eea4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .2s ease}.try-exercise-btn:hover{background:#667eea66}.playground-stats{background:#ffffff08;border-radius:12px;margin-top:1.5rem;padding:1rem}.playground-stats h4{font-size:1rem;margin:0 0 .75rem}.stat-row{color:#fffc;display:flex;font-size:.9rem;justify-content:space-between}.exercise-modal{max-height:90vh;max-width:700px;overflow-y:auto}.exercise-content{padding:1rem}.exercise-prompt,.test-cases{background:#ffffff08;border-radius:10px;margin-bottom:1rem;padding:1rem}.exercise-prompt h4,.exercise-workspace h4,.test-cases h4{color:#a8c0ff;font-size:.9rem;margin:0 0 .75rem}.exercise-prompt p{font-size:.95rem;margin:0}.test-cases ul{margin:0;padding-left:1.25rem}.test-cases li{color:#fffc;font-size:.9rem;margin-bottom:.5rem}.exercise-workspace{margin-bottom:1.5rem}.code-input{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;padding:1rem;resize:vertical;width:100%}.code-input:focus{border-color:#667eea;outline:none}.exercise-actions{display:flex;gap:1rem}.mark-complete-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease}.mark-complete-btn:hover{box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.certification-modal{max-height:90vh;max-width:600px;overflow-y:auto}.certification-content{padding:1rem}.current-tier{background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:16px;margin-bottom:1.5rem;padding:2rem;text-align:center}.tier-badge{display:block;font-size:4rem;margin-bottom:.5rem}.current-tier h3{font-size:1.5rem;margin:0 0 .25rem}.current-tier p{color:#ffffffb3;margin:0}.assessment-status h4,.tier-progress h4{color:#a8c0ff;font-size:1rem;margin:0 0 1rem}.tier-card{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem;padding:1rem;position:relative}.tier-card.current{background:#667eea26;border-color:#667eea}.tier-card.achieved{opacity:1}.tier-card.locked{opacity:.5}.tier-info{align-items:center;display:flex;gap:.75rem}.tier-badge-small{font-size:1.5rem}.tier-info h5{font-size:1rem;margin:0}.xp-requirement{color:#fff9;font-size:.8rem}.tier-benefits{display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem}.benefit-badge{background:#667eea33;border-radius:4px;color:#a8c0ff;font-size:.75rem;padding:.25rem .5rem}.tier-progress-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-top:.5rem;overflow:hidden;width:100%}.tier-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;height:100%;transition:width .5s ease}.assessment-status{margin-top:1.5rem}.assessment-card{align-items:center;background:#ffffff08;border-radius:8px;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem}.assessment-card.passed{background:#10b9811a}.assessment-card.failed{background:#ef44441a}.assessment-info{align-items:center;display:flex;flex:1 1;gap:.5rem}.assessment-icon{align-items:center;border-radius:50%;display:flex;font-size:.75rem;height:20px;justify-content:center;width:20px}.assessment-card.passed .assessment-icon{background:#10b981;color:#fff}.assessment-card.failed .assessment-icon{background:#ef4444;color:#fff}.assessment-card.pending .assessment-icon{border:1px solid #ffffff4d}.assessment-score{color:#10b981;font-weight:600}.assessment-card.failed .assessment-score{color:#ef4444}.take-assessment-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .2s ease}.take-assessment-btn:hover{transform:translateY(-1px)}.quick-actions{border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem}.action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000}.action-button.primary:hover{box-shadow:0 5px 20px #667eea66}.certification-status-bar{align-items:center;background:#ffffff08;border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1rem;padding:1rem}.cert-tier{align-items:center;display:flex;gap:.5rem}.tier-badge-inline{font-size:1.5rem}.tier-name{font-size:1rem;font-weight:600}.cert-progress{align-items:center;color:#ffffffb3;display:flex;font-size:.85rem;gap:.75rem}.cert-divider{color:#ffffff4d}@media (max-width:768px){.assessment-modal,.certification-modal,.exercise-modal,.playground-modal{margin:.5rem;max-height:calc(100vh - 1rem)}.modal-content{padding:1rem}.assessment-progress{flex-direction:column;gap:.5rem}.answer-option{padding:.75rem}.result-score{font-size:2rem}.tier-card{align-items:flex-start;flex-direction:column}.tier-benefits{flex:none;width:100%}.certification-status-bar{align-items:flex-start;flex-direction:column}.cert-progress{flex-wrap:wrap}.quick-actions{justify-content:center}.action-button{flex-basis:calc(50% - 0.5rem);flex-grow:1;flex-shrink:1;font-size:.85rem;min-width:140px;padding:.75rem}}@media (max-width:480px){.action-button{flex:1 1 100%}.assessment-question h4{font-size:.9rem}.answer-option{font-size:.85rem}.category-header h3{font-size:1rem}}@media (max-width:768px){.ai-learning-mastery{--mobile-padding:0.875rem;--mobile-radius:12px;--mobile-gap:0.75rem;--touch-target:48px;padding:var(--mobile-padding)}.learning-header{border-radius:var(--mobile-radius);margin-bottom:1rem;padding:1rem}.header-title{gap:.75rem;margin-bottom:1rem}.header-icon{border-radius:10px;padding:.625rem}.header-icon svg{height:24px;width:24px}.header-title h1{font-size:clamp(1.1rem,5vw,1.35rem);line-height:1.15}.header-title p{font-size:clamp(.75rem,3.5vw,.85rem);line-height:1.3;margin-top:.25rem}.header-stats{gap:.5rem;grid-template-columns:repeat(2,1fr)}.stat-card{border-radius:10px;gap:.5rem;min-height:var(--touch-target);padding:.75rem .625rem}.stat-card svg{height:18px;width:18px}.stat-value{font-size:clamp(1rem,4.5vw,1.15rem)}.stat-label{font-size:clamp(.65rem,2.8vw,.7rem);line-height:1.2}.xp-progress-container{border-radius:var(--mobile-radius);margin-bottom:1rem;padding:.75rem}.xp-progress-header{font-size:clamp(.8rem,3.5vw,.9rem);margin-bottom:.5rem}.xp-progress-bar{border-radius:12px;height:24px}.xp-progress-fill{font-size:.75rem;padding:0 .75rem}.overall-progress{border-radius:var(--mobile-radius);margin-bottom:1rem;padding:.875rem}.overall-progress h3{font-size:clamp(.9rem,4vw,1rem);margin-bottom:.75rem}.phase-mini{border-radius:8px;gap:.5rem;padding:.5rem}.phase-mini-icon{border-radius:6px;height:28px;width:28px}.phase-mini-icon svg{height:14px;width:14px}.phase-mini-info h4{font-size:clamp(.7rem,3vw,.8rem)}.phase-mini-info span{font-size:clamp(.6rem,2.5vw,.7rem)}.learning-phases h2{font-size:clamp(1.25rem,5.5vw,1.5rem);margin-bottom:1rem}.phases-grid{gap:.875rem;grid-template-columns:1fr}.phase-card{border-radius:var(--mobile-radius);border-width:1.5px;padding:1rem}.phase-card:before{height:3px}.phase-header{gap:.875rem;margin-bottom:.875rem}.phase-icon{border-radius:10px;height:44px;width:44px}.phase-icon svg{height:22px;width:22px}.phase-title h3{font-size:clamp(1rem,4.5vw,1.15rem);margin-bottom:.25rem}.phase-title p{font-size:clamp(.75rem,3.2vw,.85rem);line-height:1.35;margin-bottom:.375rem}.phase-duration{font-size:clamp(.7rem,2.8vw,.75rem);padding:.2rem .6rem}.phase-description{font-size:clamp(.8rem,3.5vw,.9rem);line-height:1.5;margin-bottom:1rem}.phase-progress{gap:.75rem}.phase-progress .progress-bar{height:6px}.phase-progress span{font-size:clamp(.75rem,3vw,.85rem)}.unlock-phase-btn{border-radius:10px;font-size:clamp(.8rem,3.5vw,.9rem);min-height:var(--touch-target);padding:.875rem}.phase-details{border-radius:var(--mobile-radius);margin-top:1rem;padding:1rem}.phase-details-header{flex-direction:column;gap:.875rem;margin-bottom:1rem;padding-bottom:1rem}.phase-details-header .phase-icon{height:48px;width:48px}.phase-details-header h2{font-size:clamp(1.15rem,5vw,1.35rem);margin-bottom:.25rem}.phase-details-header p{font-size:clamp(.8rem,3.5vw,.9rem)}.days-grid{gap:.75rem;grid-template-columns:1fr}.day-card{border-radius:var(--mobile-radius);padding:1rem}.day-header{margin-bottom:.625rem}.day-number{font-size:clamp(.7rem,2.8vw,.75rem);padding:.25rem .625rem}.day-type{font-size:clamp(.65rem,2.5vw,.7rem);padding:.2rem .5rem}.day-title{font-size:clamp(.9rem,4vw,1rem);line-height:1.3;margin-bottom:.375rem}.day-description{font-size:clamp(.75rem,3.2vw,.85rem);line-height:1.45}.day-description,.day-tasks{margin-bottom:.75rem}.day-tasks li{font-size:clamp(.7rem,3vw,.8rem);line-height:1.4;padding:.375rem 0 .375rem 1.25rem}.day-tasks li:before{font-size:.6rem;left:0;top:.5rem}.day-footer{flex-wrap:wrap;gap:.5rem;padding-top:.625rem}.day-xp{font-size:clamp(.75rem,3vw,.85rem);padding:.3rem .625rem}.day-action{border-radius:8px;font-size:clamp(.7rem,2.8vw,.8rem);min-height:36px;padding:.5rem .75rem}.resources-section{margin-top:1.25rem}.resources-section h3{font-size:clamp(1rem,4.5vw,1.15rem);margin-bottom:.75rem}.resource-category h4{font-size:clamp(.85rem,3.5vw,.95rem);margin-bottom:.5rem}.resource-item{border-radius:8px;margin-bottom:.5rem;min-height:var(--touch-target);padding:.75rem}.resource-item span{font-size:clamp(.75rem,3.2vw,.85rem)}.resource-item svg{height:16px;width:16px}.quick-actions{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);margin-top:1rem}.action-button{border-radius:10px;font-size:clamp(.7rem,2.8vw,.8rem);justify-content:center;min-height:var(--touch-target);padding:.75rem .5rem;text-align:center}.action-button svg{height:18px;width:18px}.achievements-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.achievement-card{border-radius:10px;padding:.75rem;text-align:center}.achievement-icon{height:36px;margin:0 auto .5rem;width:36px}.achievement-icon svg{height:18px;width:18px}.achievement-name{font-size:clamp(.7rem,2.8vw,.8rem);margin-bottom:.25rem}.achievement-desc{font-size:clamp(.6rem,2.5vw,.7rem);line-height:1.3}.daily-quests h3{font-size:clamp(1rem,4.5vw,1.15rem);margin-bottom:.75rem}.quest-item{border-radius:8px;gap:.625rem;min-height:var(--touch-target);padding:.75rem}.quest-item svg{height:18px;width:18px}.quest-text{font-size:clamp(.8rem,3.5vw,.9rem)}.quest-reward{font-size:clamp(.7rem,2.8vw,.8rem);padding:.2rem .5rem}.modal-overlay{padding:.5rem}.assessment-modal,.certification-modal,.exercise-modal,.modal-content,.playground-modal{border-radius:16px;margin:0;max-height:calc(100vh - 1rem);max-width:100%;width:100%}.modal-header{border-radius:16px 16px 0 0;padding:1rem}.modal-header h2{font-size:clamp(1.1rem,4.5vw,1.25rem)}.modal-close{height:36px;min-width:36px;width:36px}.modal-body{padding:1rem}.assessment-progress{flex-direction:row;font-size:clamp(.75rem,3vw,.85rem);gap:.5rem;justify-content:space-between;padding:.75rem}.assessment-question{padding:1rem}.assessment-question h4{font-size:clamp(.9rem,3.8vw,1rem);line-height:1.45;margin-bottom:1rem}.answer-option{border-radius:10px;font-size:clamp(.8rem,3.5vw,.9rem);line-height:1.4;margin-bottom:.5rem;min-height:var(--touch-target);padding:.875rem}.assessment-actions{gap:.5rem;padding:1rem}.assessment-btn{border-radius:10px;font-size:clamp(.8rem,3.5vw,.9rem);min-height:var(--touch-target);padding:.875rem 1rem}.assessment-results{padding:1.5rem 1rem}.result-score{font-size:clamp(2.5rem,12vw,3.5rem)}.result-message{font-size:clamp(1rem,4.5vw,1.15rem);margin-bottom:1rem}.result-details{font-size:clamp(.85rem,3.5vw,.95rem);margin-bottom:1.5rem}.tier-card{border-radius:var(--mobile-radius);padding:1rem}.tier-info{gap:.75rem}.tier-badge{font-size:1.75rem}.tier-name{font-size:clamp(1rem,4.5vw,1.15rem)}.tier-requirement{font-size:clamp(.75rem,3vw,.85rem)}.tier-benefits{font-size:clamp(.7rem,2.8vw,.8rem)}.celebration-content h2{font-size:clamp(1.5rem,7vw,2rem)}.celebration-content p{font-size:clamp(.9rem,4vw,1rem)}.celebration-icon svg{height:64px;width:64px}}@media (max-width:374px){.ai-learning-mastery{padding:.625rem}.learning-header{padding:.75rem}.header-stats{gap:.375rem}.stat-card{flex-direction:column;gap:.25rem;padding:.5rem;text-align:center}.phases-grid{gap:.625rem}.phase-card{padding:.875rem}.phase-header{align-items:flex-start;flex-direction:column;gap:.625rem}.phase-icon{height:40px;width:40px}.days-grid{gap:.625rem}.day-card{padding:.875rem}.achievements-grid,.quick-actions{grid-template-columns:1fr}.answer-option{font-size:.8rem;padding:.75rem}}@media (hover:none) and (pointer:coarse){.action-button:active,.answer-option:active,.day-card:active,.phase-card:active,.quest-item:active,.resource-item:active,.stat-card:active,.unlock-phase-btn:active{opacity:.9;transform:scale(.98)}.action-button,.answer-option,.day-card,.phase-card,.quest-item,.resource-item,.stat-card,.unlock-phase-btn{-webkit-tap-highlight-color:transparent;transition:transform .1s ease,opacity .1s ease}}@supports (padding:max(0px)){@media (max-width:768px){.ai-learning-mastery{padding-left:max(.875rem,env(safe-area-inset-left));padding-right:max(.875rem,env(safe-area-inset-right))}.ai-learning-mastery,.modal-content{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}}@media (max-width:768px){.ai-learning-mastery,.modal-body{-webkit-overflow-scrolling:touch}.modal-body{overscroll-behavior:contain}@media (prefers-reduced-motion:reduce){.action-button,.day-card,.phase-card,.stat-card{transition:none}.celebration-icon,.xp-icon,.xp-progress-fill:after{animation:none}}}@media (max-width:768px){.day-card,.phase-card,.quest-item,.resource-item,.stat-card{background:#ffffff0f}.day-card:hover,.phase-card:hover{background:#ffffff1a}.day-description,.phase-description,.quest-text{color:#ffffffe0}.action-button,.day-action,.unlock-phase-btn{background:#ffffff1f;border-color:#fff3}}.ai-coach-container{bottom:calc(24px + env(safe-area-inset-bottom, 20px));bottom:calc(var(--alm-spacing-lg) + var(--alm-safe-bottom));position:fixed;right:16px;right:var(--alm-spacing-md);z-index:1000}.ai-coach-btn{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:var(--alm-radius-full);box-shadow:0 4px 20px #8b5cf666;color:#fff;height:56px;justify-content:center;position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.4,0,.2,1);transition:transform .2s var(--alm-spring-bounce),box-shadow .2s var(--alm-ease-in-out);width:56px}.ai-coach-btn:active{box-shadow:0 2px 10px #8b5cf64d;transform:scale(.92)}.ai-coach-btn.active{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 20px #8b5cf680,0 0 0 4px #8b5cf633}.ai-pulse{animation:pulse-ring 2s infinite;background:#8b5cf666;border-radius:9999px;border-radius:var(--alm-radius-full);height:100%;pointer-events:none;position:absolute;width:100%}@keyframes pulse-ring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.ai-coach-panel{animation:sheet-slide-up .3s cubic-bezier(.16,1,.3,1);animation:sheet-slide-up .3s var(--alm-ease-out-expo);background:#0a0a12;background:var(--alm-bg-secondary);border:.5px solid #ffffff14;border:.5px solid var(--alm-border);border-bottom:none;border-radius:32px 32px 0 0;border-radius:var(--alm-radius-2xl) var(--alm-radius-2xl) 0 0;bottom:0;box-shadow:0 -10px 50px #00000080;left:0;max-height:75vh;overflow:hidden;z-index:1001}.ai-coach-panel:before{background:#ffffff59;background:var(--alm-text-hint);border-radius:9999px;border-radius:var(--alm-radius-full);content:"";flex-shrink:0;height:4px;margin:8px auto;margin:var(--alm-spacing-sm) auto;width:36px}@keyframes sheet-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.ai-coach-header{align-items:center;background:linear-gradient(135deg,#8b5cf626,#6366f126);border-bottom:.5px solid #ffffff14;border-bottom:.5px solid var(--alm-border);display:flex;justify-content:space-between;padding:16px;padding:var(--alm-spacing-md)}.ai-coach-title{align-items:center;display:flex;gap:8px;gap:var(--alm-spacing-sm)}.ai-coach-title h3{font-size:17px;font-size:var(--alm-font-md);font-weight:600;margin:0}.ai-status{align-items:center;color:#ffffff80;color:var(--alm-text-muted);display:flex;font-size:11px;font-size:var(--alm-font-xs);gap:6px}.ai-status.connected{color:#22c55e}.ai-status.disconnected{color:#ef4444}.ai-dot{background:currentColor;border-radius:9999px;border-radius:var(--alm-radius-full);height:8px;width:8px}.close-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff1a;border:none;border-radius:14px;border-radius:var(--alm-radius-md);color:#fff;cursor:pointer;display:flex;height:44px;height:var(--alm-touch-target);justify-content:center;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s cubic-bezier(.4,0,.2,1);transition:transform .15s var(--alm-spring-bounce),background .15s var(--alm-ease-in-out);width:44px;width:var(--alm-touch-target)}.close-btn:active{background:#fff3;transform:scale(.92)}.ai-quick-tip{align-items:center;background:linear-gradient(135deg,#eab3081f,#f973161f);border-bottom:.5px solid #eab30833;color:#fbbf24;display:flex;font-size:13px;font-size:var(--alm-font-sm);gap:8px;gap:var(--alm-spacing-sm);padding:8px 16px;padding:var(--alm-spacing-sm) var(--alm-spacing-md)}.ai-quick-tip svg{flex-shrink:0}.ai-quick-actions{border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px}.ai-quick-btn{background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:20px;color:#a78bfa;cursor:pointer;font-size:.75rem;padding:6px 12px;transition:all .2s;white-space:nowrap}.ai-quick-btn:hover{background:#8b5cf64d;color:#fff}.ai-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;max-height:350px;min-height:200px;overflow-y:auto;padding:16px}.ai-welcome{color:#ffffffb3;padding:20px;text-align:center}.ai-welcome svg{color:#8b5cf6;margin-bottom:12px}.ai-welcome h4{color:#fff;margin:0 0 8px}.ai-welcome p{font-size:.9rem;margin:0 0 16px}.ai-welcome ul{font-size:.85rem;list-style:none;margin:0;padding:0;text-align:left}.ai-welcome li{padding:4px 0}.ai-message{animation:fadeIn .3s ease;display:flex;gap:10px}.ai-message.user{flex-direction:row-reverse}.ai-message .msg-icon{color:#8b5cf6;flex-shrink:0}.ai-message .msg-content{border-radius:16px;font-size:.9rem;line-height:1.5;max-width:85%;padding:12px 16px}.ai-message.user .msg-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.ai-message.assistant .msg-content{background:#ffffff14;border-bottom-left-radius:4px;color:#ffffffe6}.ai-message.error .msg-content{background:#ef444426;border:1px solid #ef44444d;color:#fca5a5}.ai-message .msg-content p{margin:0 0 8px}.ai-message .msg-content p:last-child{margin:0}.code-block{background:#0d0d14;border-radius:8px;margin:8px 0;overflow:hidden;position:relative}.code-block .copy-btn{align-items:center;background:#ffffff1a;border:none;border-radius:4px;color:#fff9;cursor:pointer;display:flex;font-size:.7rem;gap:4px;padding:4px 8px;position:absolute;right:8px;top:8px}.code-block .copy-btn:hover{background:#fff3;color:#fff}.code-block pre{color:#a5b4fc;font-size:.8rem;margin:0;overflow-x:auto;padding:16px}.code-block code{font-family:Fira Code,Monaco,monospace}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-indicator span{animation:bounce 1.4s infinite;background:#8b5cf6;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.ai-input-area{background:#0000004d;border-top:1px solid #ffffff1a;display:flex;gap:8px;padding:16px}.ai-input-area input{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#fff;flex:1 1;font-size:.9rem;outline:none;padding:12px 16px;transition:border-color .2s}.ai-input-area input:focus{border-color:#8b5cf6}.ai-input-area input::placeholder{color:#fff6}.send-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.send-btn:hover:not(:disabled){transform:scale(1.05)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.spinning{animation:spin 1s linear infinite}.ai-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:50}.ai-modal{background:linear-gradient(180deg,#1e1e2e,#141420);border:1px solid #8b5cf64d;border-radius:20px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.ai-modal.code-modal{max-width:800px}.ai-modal-header{align-items:center;background:linear-gradient(135deg,#8b5cf633,#6366f133);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.ai-modal-title{align-items:center;display:flex;gap:12px}.ai-modal-title h3{font-size:1.1rem;margin:0}.ai-modal-header button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;transition:opacity .2s}.ai-modal-header button:hover{opacity:1}.ai-modal-content{flex:1 1;overflow-y:auto;padding:20px}.ai-loading{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;justify-content:center;padding:40px}.ai-loading svg{color:#8b5cf6;margin-bottom:16px}.ai-explanation{color:#ffffffe6;line-height:1.7}.ai-explanation p{margin:0 0 12px}.code-input-area{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.code-input-area textarea{background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;color:#fff;font-size:.9rem;min-height:100px;outline:none;padding:16px;resize:vertical;width:100%}.code-input-area textarea:focus{border-color:#8b5cf6}.code-input-area textarea::placeholder{color:#fff6}.generate-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.generate-btn:hover:not(:disabled){box-shadow:0 4px 20px #8b5cf666;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.5}.generated-code{background:#0d0d14;border-radius:12px;overflow:hidden}.generated-code .code-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 16px}.generated-code .code-header span{color:#ffffffb3;font-size:.85rem}.generated-code .code-header button{align-items:center;background:#8b5cf633;border:none;border-radius:6px;color:#a78bfa;cursor:pointer;display:flex;font-size:.8rem;gap:6px;padding:6px 12px}.generated-code .code-header button:hover{background:#8b5cf64d}.generated-code pre{color:#a5b4fc;font-size:.85rem;margin:0;max-height:400px;overflow-x:auto;overflow-y:auto;padding:16px}.generated-code code{font-family:Fira Code,Monaco,monospace;white-space:pre-wrap;word-break:break-word}.ai-celebration-toast{align-items:center;animation:slideUp .3s ease,glow 2s ease-in-out infinite;background:linear-gradient(135deg,#eab308e6,#f97316e6);border-radius:16px;bottom:100px;box-shadow:0 10px 40px #eab30866;color:#fff;display:flex;gap:12px;left:50%;max-width:90%;padding:16px 24px;position:fixed;transform:translateX(-50%);z-index:45}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes glow{0%,to{box-shadow:0 10px 40px #eab30866}50%{box-shadow:0 10px 60px #eab30899}}.ai-celebration-toast p{font-weight:500;margin:0}.ai-celebration-toast button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.ai-action-bar{bottom:100px;display:flex;flex-direction:column;gap:8px;position:fixed;right:24px;z-index:35}.ai-action-btn{align-items:center;background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:50%;color:#a78bfa;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.ai-action-btn:hover{background:#8b5cf666;color:#fff;transform:scale(1.1)}@media (max-width:640px){.ai-coach-container{bottom:16px;right:16px}.ai-coach-btn{height:50px;width:50px}.ai-coach-panel{border-radius:24px 24px 0 0;bottom:0;left:0;max-height:80vh;max-width:100%;position:fixed;right:0;width:100%}.ai-quick-actions{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.ai-modal{border-radius:0;max-height:100vh;max-width:100%}.ai-action-bar{bottom:80px;right:16px}.ai-action-btn{height:40px;width:40px}.ai-celebration-toast{bottom:80px;max-width:calc(100% - 32px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-learning-mastery .achievements-section,.ai-learning-mastery .learning-header,.ai-learning-mastery .phases-container,.ai-learning-mastery .progress-section,.ai-learning-mastery .resources-section,.ai-learning-mastery .roadmap-container{border-radius:0!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;width:100%!important}.ai-learning-mastery .achievement-card,.ai-learning-mastery .day-card,.ai-learning-mastery .header-stats,.ai-learning-mastery .phase-card,.ai-learning-mastery .resource-card,.ai-learning-mastery .stat-card{border-left:none!important;border-radius:0!important;border-right:none!important;margin-left:0!important;margin-right:0!important}.ai-learning-mastery .header-stats{grid-gap:1px!important;background:#ffffff14!important;background:var(--alm-border)!important;display:grid!important;gap:1px!important;grid-template-columns:repeat(2,1fr)!important;padding:0!important;width:100%!important}.ai-learning-mastery .stat-card{background:#0a0a12!important;background:var(--alm-bg-secondary)!important;border:none!important;padding:16px!important;padding:var(--alm-spacing-md)!important}:root{--sr-primary:#0ff;--sr-secondary:#f0f;--sr-accent:#10b981;--sr-warning:#f59e0b;--sr-danger:#ef4444;--sr-success:#10b981;--sr-bg-primary:#000;--sr-bg-secondary:#0a0a0f;--sr-bg-tertiary:#111118;--sr-bg-card:#ffffff0a;--sr-bg-card-hover:#ffffff14;--sr-bg-card-active:#ffffff1f;--sr-text-primary:#fff;--sr-text-secondary:#ffffffbf;--sr-text-muted:#ffffff80;--sr-text-hint:#ffffff59;--sr-border:#ffffff14;--sr-border-hover:#ffffff26;--sr-border-focus:#00ffff80;--sr-radius-xs:6px;--sr-radius-sm:10px;--sr-radius-md:14px;--sr-radius-lg:18px;--sr-radius-xl:24px;--sr-radius-2xl:32px;--sr-radius-full:9999px;--sr-shadow-sm:0 1px 2px #0000004d;--sr-shadow:0 2px 8px #0006;--sr-shadow-lg:0 8px 24px #00000080;--sr-shadow-glow:0 0 20px #00ffff26;--sr-shadow-pressed:inset 0 2px 4px #0000004d;--sr-spring-bounce:cubic-bezier(0.34,1.56,0.64,1);--sr-spring-smooth:cubic-bezier(0.25,0.46,0.45,0.94);--sr-spring-snappy:cubic-bezier(0.68,-0.55,0.27,1.55);--sr-ease-out-expo:cubic-bezier(0.16,1,0.3,1);--sr-ease-in-out:cubic-bezier(0.4,0,0.2,1);--sr-spacing-xs:4px;--sr-spacing-sm:8px;--sr-spacing-md:16px;--sr-spacing-lg:24px;--sr-spacing-xl:32px;--sr-spacing-2xl:48px;--sr-spacing-3xl:64px;--sr-touch-target:44px;--sr-touch-target-lg:52px;--sr-thumb-zone-safe:80px;--sr-font-xs:11px;--sr-font-sm:13px;--sr-font-base:15px;--sr-font-md:17px;--sr-font-lg:20px;--sr-font-xl:24px;--sr-font-2xl:28px;--sr-font-3xl:34px;--sr-safe-top:env(safe-area-inset-top,0px);--sr-safe-bottom:env(safe-area-inset-bottom,20px);--sr-safe-left:env(safe-area-inset-left,0px);--sr-safe-right:env(safe-area-inset-right,0px)}.content-wrapper:has(.speed-reading-training){margin:0!important;max-width:100%!important;padding:0!important}.speed-reading-training{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;background:var(--sr-bg-primary);color:#fff;color:var(--sr-text-primary);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,system-ui,sans-serif;font-size:15px;font-size:var(--sr-font-base);line-height:1.5;margin:-16px!important;min-height:100vh;min-height:100dvh;overflow-x:hidden;overscroll-behavior-y:contain;position:relative;width:calc(100% + 32px)!important}.speed-reading-training *{-webkit-tap-highlight-color:transparent;box-sizing:border-box}.sr-header{background:#000;background:var(--sr-bg-primary);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--sr-border);padding:calc(12px + env(safe-area-inset-top, 0px)) 16px 12px;padding-top:calc(12px + var(--sr-safe-top));position:-webkit-sticky;position:sticky;top:0;z-index:50}.sr-header-content{justify-content:space-between}.sr-header-content,.sr-header-left{align-items:center;display:flex;gap:12px}.sr-header-icon-wrap{align-items:center;background:linear-gradient(135deg,#00ffff26,#ff00ff26);border-radius:12px;color:#0ff;color:var(--sr-primary);display:flex;height:40px;justify-content:center;width:40px}.sr-header-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ff,#f0f);background:linear-gradient(135deg,var(--sr-primary),var(--sr-secondary));-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;margin:0}.sr-header-stats{display:flex;gap:8px}.sr-header-stat{align-items:center;background:#ffffff0a;background:var(--sr-bg-card);border-radius:20px;color:#fff;color:var(--sr-text-primary);display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 10px}.sr-header-stat svg{color:#0ff;color:var(--sr-primary)}.sr-sync-status{padding:6px!important}.sr-sync-status.synced svg{color:#10b981!important;color:var(--sr-accent)!important}.sr-sync-status.syncing svg{color:#f59e0b!important;color:var(--sr-warning)!important}.sr-sync-status.local svg{color:#ffffff80!important;color:var(--sr-text-muted)!important}.sr-sync-spin{animation:sr-spin 1s linear infinite}@keyframes sr-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sr-bottom-nav{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a0ff2;border-top:1px solid #ffffff14;border-top:1px solid var(--sr-border);bottom:0;display:flex;justify-content:space-around;left:0;padding:8px 0 calc(8px + env(safe-area-inset-bottom, 20px));padding-bottom:calc(8px + var(--sr-safe-bottom));position:fixed;right:0;z-index:100}.sr-bottom-nav .sr-nav-item{align-items:center;background:#0000;border:none;color:#ffffff80;color:var(--sr-text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:10px;font-weight:500;gap:2px;justify-content:center;min-height:44px;min-width:56px;padding:4px 8px;transition:color .2s ease}.sr-bottom-nav .sr-nav-item svg{height:22px;width:22px}.sr-bottom-nav .sr-nav-item span{font-size:10px;white-space:nowrap}.sr-bottom-nav .sr-nav-item:active{transform:scale(.95)}.sr-bottom-nav .sr-nav-item.active{color:#0ff;color:var(--sr-primary)}.sr-bottom-nav .sr-nav-item.active svg{filter:drop-shadow(0 0 6px #00ffff);filter:drop-shadow(0 0 6px var(--sr-primary))}.sr-main{-webkit-overflow-scrolling:touch;max-width:100%!important;overflow-y:auto;padding:0 0 calc(80px + env(safe-area-inset-bottom, 20px))!important;padding-bottom:calc(80px + var(--sr-safe-bottom))!important}.sr-dashboard,.sr-main{margin:0!important;width:100%!important}.sr-dashboard{background:#ffffff14;background:var(--sr-border);display:flex;flex-direction:column;gap:1px;padding:0!important}.sr-main>*{margin-left:0!important;margin-right:0!important;max-width:100%!important}.sr-hero-stats,.sr-main>*{border-radius:0!important;width:100%!important}.sr-hero-stats{grid-gap:1px;background:#ffffff14;background:var(--sr-border);display:grid;gap:1px;grid-template-columns:repeat(2,1fr);margin:0!important;padding:0!important}.sr-stat-card{-webkit-tap-highlight-color:transparent;background:#0a0a0f;background:var(--sr-bg-secondary);border:none!important;border-radius:0!important;display:flex;flex-direction:column;gap:8px;gap:var(--sr-spacing-sm);margin:0!important;padding:16px;padding:var(--sr-spacing-md);transition:background .15s ease}.sr-stat-card:active{background:#ffffff1f;background:var(--sr-bg-card-active);transform:scale(.97)}.sr-stat-card.primary{background:linear-gradient(135deg,#00ffff26,#00ffff0d);border-color:#00ffff4d}.sr-stat-icon{align-items:center;background:#0ff3;border-radius:14px;border-radius:var(--sr-radius-md);color:#0ff;color:var(--sr-primary);display:flex;height:48px;justify-content:center;width:48px}.sr-stat-content{display:flex;flex-direction:column}.sr-stat-value{font-size:clamp(1.5rem,5vw,2rem);font-weight:700;line-height:1}.sr-stat-label{color:#ffffffbf;color:var(--sr-text-secondary);font-size:.75rem;margin-top:4px;margin-top:var(--sr-spacing-xs)}.sr-stat-trend{align-items:center;color:#10b981;color:var(--sr-accent);display:flex;font-size:.75rem;gap:4px;gap:var(--sr-spacing-xs);margin-top:auto}.sr-level-progress{background:#ffffff0a;background:var(--sr-bg-card);border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:18px;border-radius:var(--sr-radius-lg);padding:16px;padding:var(--sr-spacing-md)}.sr-level-info{display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--sr-spacing-sm)}.sr-level-info span:first-child{color:#0ff;color:var(--sr-primary);font-weight:600}.sr-level-info span:last-child{color:#ffffffbf;color:var(--sr-text-secondary)}.sr-progress-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.sr-progress-fill{background:linear-gradient(90deg,#0ff,#f0f);background:linear-gradient(90deg,var(--sr-primary),var(--sr-secondary));border-radius:4px;height:100%;transition:width .5s ease}.sr-quick-stats{grid-gap:8px;grid-gap:var(--sr-spacing-sm);display:grid;gap:8px;gap:var(--sr-spacing-sm);grid-template-columns:repeat(2,1fr)}.sr-quick-stat{align-items:center;background:#ffffff0a;background:var(--sr-bg-card);border:.5px solid #ffffff14;border:.5px solid var(--sr-border);border-radius:14px;border-radius:var(--sr-radius-md);display:flex;flex-direction:column;gap:6px;padding:16px;padding:var(--sr-spacing-md);text-align:center;transition:transform .15s cubic-bezier(.34,1.56,.64,1);transition:transform .15s var(--sr-spring-bounce)}.sr-quick-stat:active{transform:scale(.96)}.sr-quick-stat svg{color:#0ff;color:var(--sr-primary);height:20px;width:20px}.sr-quick-value{font-size:20px;font-size:var(--sr-font-lg);font-weight:700;letter-spacing:-.5px}.sr-quick-label{color:#ffffff80;color:var(--sr-text-muted);font-size:11px;font-size:var(--sr-font-xs);letter-spacing:.5px;text-transform:uppercase}.sr-section{background:#000;background:var(--sr-bg-primary);border-radius:0!important;flex-direction:column;gap:0;padding:0!important;width:100%!important}.sr-section,.sr-section-title{display:flex;margin:0!important}.sr-section-title{align-items:center;color:#ffffff80;color:var(--sr-text-muted);font-size:13px;font-size:var(--sr-font-sm);font-weight:500;gap:8px;gap:var(--sr-spacing-sm);letter-spacing:.5px;padding:24px 16px 8px;padding:var(--sr-spacing-lg) var(--sr-spacing-md) var(--sr-spacing-sm);text-transform:uppercase}.sr-section-title svg{color:#0ff;color:var(--sr-primary);height:22px;width:22px}.sr-modes-grid{background:#ffffff14;background:var(--sr-border);border-radius:0!important;flex-direction:column;gap:1px;padding:0!important}.sr-mode-card,.sr-modes-grid{display:flex;margin:0!important;width:100%!important}.sr-mode-card{-webkit-tap-highlight-color:transparent;align-items:center;background:#0a0a0f;background:var(--sr-bg-secondary);border:none!important;border-radius:0!important;cursor:pointer;gap:16px;gap:var(--sr-spacing-md);min-height:64px;padding:16px;padding:var(--sr-spacing-md);position:relative;text-align:left;transition:background .15s ease}.sr-mode-card:active{background:#ffffff1f;background:var(--sr-bg-card-active)}.sr-mode-card.completed{border-color:#10b981;border-color:var(--sr-accent)}.sr-mode-icon{align-items:center;background:color-mix(in srgb,#0ff 20%,#0000);background:color-mix(in srgb,var(--mode-color,var(--sr-primary)) 20%,#0000);border-radius:14px;border-radius:var(--sr-radius-md);color:#0ff;color:var(--mode-color,var(--sr-primary));display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.sr-mode-content{flex:1 1;min-width:0}.sr-mode-content h3{color:#fff;color:var(--sr-text-primary);font-size:15px;font-size:var(--sr-font-base);font-weight:600;margin:0 0 4px}.sr-mode-content p{color:#ffffffbf;color:var(--sr-text-secondary);font-size:13px;font-size:var(--sr-font-sm);line-height:1.4;margin:0}.sr-mode-badge{color:#10b981;color:var(--sr-accent);position:absolute;right:8px;right:var(--sr-spacing-sm);top:8px;top:var(--sr-spacing-sm)}.sr-mode-arrow{color:#ffffff80;color:var(--sr-text-muted);flex-shrink:0}.sr-levels-grid{grid-gap:8px;grid-gap:var(--sr-spacing-sm);display:grid;gap:8px;gap:var(--sr-spacing-sm);grid-template-columns:repeat(2,1fr)}.sr-level-card{align-items:center;background:#ffffff0a;background:var(--sr-bg-card);border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:14px;border-radius:var(--sr-radius-md);display:flex;flex-direction:column;gap:4px;gap:var(--sr-spacing-xs);padding:16px;padding:var(--sr-spacing-md);position:relative;text-align:center;transition:var(--sr-transition)}.sr-level-card svg{color:#0ff;color:var(--level-color,var(--sr-primary))}.sr-level-card.current{background:color-mix(in srgb,var(--level-color) 15%,#0000);border-color:var(--level-color)}.sr-level-name{font-size:.875rem;font-weight:600}.sr-level-wpm{color:#ffffffbf;color:var(--sr-text-secondary);font-size:.75rem}.sr-level-badge{background:#0ff;background:var(--sr-primary);border-radius:10px;border-radius:var(--sr-radius-sm);color:#000;color:var(--sr-bg-primary);font-size:.625rem;font-weight:700;padding:2px 6px;position:absolute;right:-8px;top:-8px}.sr-history-list{display:flex;flex-direction:column;gap:8px;gap:var(--sr-spacing-sm)}.sr-history-item{align-items:center;background:#ffffff0a;background:var(--sr-bg-card);border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:14px;border-radius:var(--sr-radius-md);display:flex;gap:16px;gap:var(--sr-spacing-md);padding:16px;padding:var(--sr-spacing-md)}.sr-history-wpm{color:#0ff;color:var(--sr-primary);font-size:1.25rem;font-weight:700;min-width:80px}.sr-history-details{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--sr-spacing-xs)}.sr-history-details span:first-child{font-weight:500}.sr-history-meta{color:#ffffffbf;color:var(--sr-text-secondary);font-size:.75rem}.sr-training-setup{display:flex;flex-direction:column;gap:24px;gap:var(--sr-spacing-lg)}.sr-training-back{margin-bottom:8px;margin-bottom:var(--sr-spacing-sm)}.sr-back-btn{align-items:center;background:#0000;border:none;color:#ffffffbf;color:var(--sr-text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:8px;gap:var(--sr-spacing-sm);min-height:44px;min-height:var(--sr-touch-target);padding:8px 0;padding:var(--sr-spacing-sm) 0}.sr-back-btn:hover{color:#0ff;color:var(--sr-primary)}.sr-mode-header{text-align:center}.sr-mode-header h2{color:#0ff;color:var(--sr-primary);font-size:1.5rem;font-weight:700;margin:0 0 8px;margin:0 0 var(--sr-spacing-sm)}.sr-mode-header p{color:#ffffffbf;color:var(--sr-text-secondary);margin:0}.sr-setting-card{background:#ffffff0a;background:var(--sr-bg-card);border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:18px;border-radius:var(--sr-radius-lg);padding:16px;padding:var(--sr-spacing-md)}.sr-setting-card label{display:block;font-weight:600;margin-bottom:16px;margin-bottom:var(--sr-spacing-md)}.sr-speed-slider{flex-wrap:wrap;gap:16px;gap:var(--sr-spacing-md)}.sr-speed-btn,.sr-speed-slider{align-items:center;display:flex}.sr-speed-btn{background:#ffffff0a;background:var(--sr-bg-card);border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:14px;border-radius:var(--sr-radius-md);color:#fff;color:var(--sr-text-primary);cursor:pointer;flex-shrink:0;height:40px;justify-content:center;transition:var(--sr-transition);width:40px}.sr-speed-btn:hover{background:#0ff;background:var(--sr-primary);color:#000;color:var(--sr-bg-primary)}.sr-slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:4px;flex:1 1;height:8px;min-width:100px;outline:none}.sr-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#0ff;background:var(--sr-primary);border-radius:50%;box-shadow:0 0 10px #0ff;box-shadow:0 0 10px var(--sr-primary);cursor:pointer;height:24px;width:24px}.sr-slider::-moz-range-thumb{background:#0ff;background:var(--sr-primary);border:none;border-radius:50%;box-shadow:0 0 10px #0ff;box-shadow:0 0 10px var(--sr-primary);cursor:pointer;height:24px;width:24px}.sr-speed-value-display{color:#0ff;color:var(--sr-primary);font-weight:700;min-width:80px;text-align:right}.sr-difficulty-buttons{display:flex;gap:8px;gap:var(--sr-spacing-sm)}.sr-difficulty-btn{background:#0000;border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:14px;border-radius:var(--sr-radius-md);color:#ffffffbf;color:var(--sr-text-secondary);cursor:pointer;flex:1 1;font-weight:500;min-height:44px;min-height:var(--sr-touch-target);padding:16px;padding:var(--sr-spacing-md);transition:var(--sr-transition)}.sr-difficulty-btn:hover{border-color:#0ff;border-color:var(--sr-primary);color:#fff;color:var(--sr-text-primary)}.sr-difficulty-btn.active{background:linear-gradient(135deg,#0ff3,#f0f3);border-color:#0ff;border-color:var(--sr-primary);color:#0ff;color:var(--sr-primary)}.sr-subsection-title{font-size:1rem;font-weight:600;margin:0}.sr-text-grid{display:flex;flex-direction:column;gap:8px;gap:var(--sr-spacing-sm)}.sr-text-card{background:#ffffff0a;background:var(--sr-bg-card);border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:18px;border-radius:var(--sr-radius-lg);cursor:pointer;padding:16px;padding:var(--sr-spacing-md);text-align:left;transition:var(--sr-transition);width:100%}.sr-text-card.selected,.sr-text-card:hover{border-color:#0ff;border-color:var(--sr-primary)}.sr-text-card.selected{background:linear-gradient(135deg,#00ffff1a,#ff00ff1a)}.sr-text-card h4{font-size:1rem;font-weight:600}.sr-text-card h4,.sr-text-preview{margin:0 0 8px;margin:0 0 var(--sr-spacing-sm)}.sr-text-preview{color:#ffffffbf;color:var(--sr-text-secondary);font-size:.875rem;line-height:1.5}.sr-text-meta{color:#ffffff80;color:var(--sr-text-muted);display:flex;font-size:.75rem;gap:16px;gap:var(--sr-spacing-md)}.sr-text-meta span{align-items:center;display:flex;gap:4px;gap:var(--sr-spacing-xs)}.sr-settings-toggle{align-items:center;background:#0000;border:1px dashed #ffffff14;border:1px dashed var(--sr-border);border-radius:14px;border-radius:var(--sr-radius-md);color:#ffffffbf;color:var(--sr-text-secondary);cursor:pointer;display:flex;gap:8px;gap:var(--sr-spacing-sm);justify-content:center;padding:16px;padding:var(--sr-spacing-md);transition:var(--sr-transition);width:100%}.sr-settings-toggle:hover{border-color:#0ff;border-color:var(--sr-primary);color:#0ff;color:var(--sr-primary)}.sr-settings-panel{background:#ffffff0a;background:var(--sr-bg-card);border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:18px;border-radius:var(--sr-radius-lg);display:flex;flex-direction:column;gap:16px;gap:var(--sr-spacing-md);padding:16px;padding:var(--sr-spacing-md)}.sr-setting-row{align-items:center;display:flex;justify-content:space-between}.sr-setting-row label{font-weight:500}.sr-setting-control{align-items:center;display:flex;gap:8px;gap:var(--sr-spacing-sm)}.sr-setting-control button{align-items:center;background:#0a0a0f;background:var(--sr-bg-secondary);border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:10px;border-radius:var(--sr-radius-sm);color:#fff;color:var(--sr-text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.sr-setting-control span{font-weight:600;min-width:40px;text-align:center}.sr-start-btn{align-items:center;background:linear-gradient(135deg,#0ff,#f0f);background:linear-gradient(135deg,var(--sr-primary),var(--sr-secondary));border:none;border-radius:18px;border-radius:var(--sr-radius-lg);color:#000;color:var(--sr-bg-primary);cursor:pointer;display:flex;font-size:1.125rem;font-weight:700;gap:8px;gap:var(--sr-spacing-sm);justify-content:center;min-height:56px;padding:24px;padding:var(--sr-spacing-lg);transition:var(--sr-transition);width:100%}.sr-start-btn:hover:not(:disabled){box-shadow:0 0 20px #00ffff26;box-shadow:var(--sr-shadow-glow);transform:scale(1.02)}.sr-start-btn:disabled{cursor:not-allowed;opacity:.5}.sr-training-active{display:flex;flex-direction:column;min-height:calc(100vh - 200px);min-height:calc(100dvh - 200px)}.sr-training-header{background:#ffffff0a;background:var(--sr-bg-card);border:.5px solid #ffffff14;border:.5px solid var(--sr-border);border-radius:24px;border-radius:var(--sr-radius-xl);display:flex;flex-direction:column;gap:8px;gap:var(--sr-spacing-sm);margin-bottom:16px;margin-bottom:var(--sr-spacing-md);padding:16px;padding:var(--sr-spacing-md)}.sr-training-speed{align-items:center;display:flex;gap:16px;gap:var(--sr-spacing-md);justify-content:center}.sr-speed-display{align-items:baseline;display:flex;gap:4px;gap:var(--sr-spacing-xs)}.sr-speed-display .sr-speed-value{font-feature-settings:"tnum";color:#0ff;color:var(--sr-primary);font-size:34px;font-size:var(--sr-font-3xl);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-1px}.sr-speed-display .sr-speed-unit{color:#ffffff80;color:var(--sr-text-muted);font-size:13px;font-size:var(--sr-font-sm);letter-spacing:.5px;text-transform:uppercase}.sr-training-progress-info{display:flex;flex-direction:column;gap:4px;text-align:center}.sr-training-progress-info span{color:#ffffffbf;color:var(--sr-text-secondary);font-size:13px;font-size:var(--sr-font-sm)}.sr-training-progress-bar{background:#ffffff1a;height:3px;overflow:hidden}.sr-training-progress-bar,.sr-training-progress-fill{border-radius:9999px;border-radius:var(--sr-radius-full)}.sr-training-progress-fill{background:linear-gradient(90deg,#0ff,#f0f);background:linear-gradient(90deg,var(--sr-primary),var(--sr-secondary));height:100%;transition:width .1s linear}.sr-rsvp-display{align-items:center;background:#111118;background:var(--sr-bg-tertiary);border:.5px solid #ffffff14;border:.5px solid var(--sr-border);border-radius:24px;border-radius:var(--sr-radius-xl);display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:280px;overflow:hidden;position:relative}.sr-rsvp-word{animation:word-appear .05s cubic-bezier(.16,1,.3,1);animation:word-appear .05s var(--sr-ease-out-expo);font-weight:600;padding:32px;padding:var(--sr-spacing-xl);text-align:center}@keyframes word-appear{0%{opacity:.6;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.sr-rsvp-focus-point{background:#0ff;background:var(--sr-primary);border-radius:9999px;border-radius:var(--sr-radius-full);height:16px;left:50%;opacity:.4;position:absolute;top:50%;transform:translate(-50%,40px);width:3px}.sr-training-controls{background:#ffffff0a;background:var(--sr-bg-card);border:.5px solid #ffffff14;border:.5px solid var(--sr-border);border-radius:24px;border-radius:var(--sr-radius-xl);gap:24px;gap:var(--sr-spacing-lg);margin-top:16px;margin-top:var(--sr-spacing-md);padding:24px;padding:var(--sr-spacing-lg)}.sr-control-btn,.sr-training-controls{align-items:center;display:flex;justify-content:center}.sr-control-btn{-webkit-tap-highlight-color:transparent;background:#111118;background:var(--sr-bg-tertiary);border:.5px solid #ffffff14;border:.5px solid var(--sr-border);border-radius:9999px;border-radius:var(--sr-radius-full);color:#fff;color:var(--sr-text-primary);cursor:pointer;height:52px;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s cubic-bezier(.4,0,.2,1);transition:transform .15s var(--sr-spring-bounce),background .15s var(--sr-ease-in-out);width:52px}.sr-control-btn:active{background:#ffffff1f;background:var(--sr-bg-card-active);transform:scale(.92)}.sr-control-btn.primary{background:linear-gradient(135deg,#0ff,#f0f);background:linear-gradient(135deg,var(--sr-primary),var(--sr-secondary));border:none;box-shadow:0 4px 20px #00ffff4d;color:#000;color:var(--sr-bg-primary);height:68px;width:68px}.sr-control-btn.primary:active{box-shadow:0 2px 10px #0ff3}.sr-control-btn.danger:active{background:#ef4444;background:var(--sr-danger);border-color:#ef4444;border-color:var(--sr-danger)}.sr-results{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 300px);min-height:calc(100dvh - 300px);padding:24px;padding:var(--sr-spacing-lg)}.sr-results-card{background:#ffffff0a;background:var(--sr-bg-card);border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:24px;border-radius:var(--sr-radius-xl);max-width:400px;padding:32px;padding:var(--sr-spacing-xl);text-align:center;width:100%}.sr-results-header{margin-bottom:32px;margin-bottom:var(--sr-spacing-xl)}.sr-results-icon{color:#f59e0b;color:var(--sr-warning);filter:drop-shadow(0 0 20px #f59e0b);filter:drop-shadow(0 0 20px var(--sr-warning));margin-bottom:16px;margin-bottom:var(--sr-spacing-md)}.sr-results-header h2{font-size:1.5rem;margin:0}.sr-results-stats{display:flex;flex-direction:column;gap:16px;gap:var(--sr-spacing-md);margin-bottom:24px;margin-bottom:var(--sr-spacing-lg)}.sr-result-stat{background:#0a0a0f;background:var(--sr-bg-secondary);border-radius:14px;border-radius:var(--sr-radius-md);padding:16px;padding:var(--sr-spacing-md)}.sr-result-stat.primary{background:linear-gradient(135deg,#0ff3,#f0f3)}.sr-result-value{font-size:2rem;font-weight:700}.sr-result-stat.primary .sr-result-value{color:#0ff;color:var(--sr-primary)}.sr-result-label{color:#ffffffbf;color:var(--sr-text-secondary);font-size:.75rem}.sr-new-record{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border:1px solid #f59e0b;border:1px solid var(--sr-warning);border-radius:14px;border-radius:var(--sr-radius-md);color:#f59e0b;color:var(--sr-warning);display:flex;font-weight:600;gap:8px;gap:var(--sr-spacing-sm);justify-content:center;margin-bottom:24px;margin-bottom:var(--sr-spacing-lg);padding:16px;padding:var(--sr-spacing-md)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.sr-results-actions{flex-direction:column}.sr-btn,.sr-results-actions{display:flex;gap:8px;gap:var(--sr-spacing-sm)}.sr-btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:14px;border-radius:var(--sr-radius-md);cursor:pointer;font-size:15px;font-size:var(--sr-font-base);font-weight:600;justify-content:center;min-height:44px;min-height:var(--sr-touch-target);padding:16px 24px;padding:var(--sr-spacing-md) var(--sr-spacing-lg);transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:transform .15s var(--sr-spring-bounce),background .15s var(--sr-ease-in-out),box-shadow .15s var(--sr-ease-in-out)}.sr-btn.primary{background:linear-gradient(135deg,#0ff,#f0f);background:linear-gradient(135deg,var(--sr-primary),var(--sr-secondary));box-shadow:0 4px 15px #00ffff4d;color:#000;color:var(--sr-bg-primary)}.sr-btn.primary:active{box-shadow:0 2px 8px #0ff3;transform:scale(.96)}.sr-btn.secondary{background:#ffffff0a;background:var(--sr-bg-card);border:.5px solid #ffffff14;border:.5px solid var(--sr-border);color:#fff;color:var(--sr-text-primary)}.sr-btn.secondary:active{background:#ffffff1f;background:var(--sr-bg-card-active);transform:scale(.96)}.sr-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.sr-techniques{display:flex;flex-direction:column;gap:24px;gap:var(--sr-spacing-lg)}.sr-section-intro{background:linear-gradient(135deg,#00ffff1a,#ff00ff1a);border-radius:24px;border-radius:var(--sr-radius-xl);padding:32px 16px;padding:var(--sr-spacing-xl) var(--sr-spacing-md);text-align:center}.sr-section-intro svg{color:#0ff;color:var(--sr-primary);margin-bottom:16px;margin-bottom:var(--sr-spacing-md)}.sr-section-intro h2{font-size:1.5rem;margin:0 0 8px;margin:0 0 var(--sr-spacing-sm)}.sr-section-intro p{color:#ffffffbf;color:var(--sr-text-secondary);margin:0 auto;max-width:600px}.sr-techniques-grid{display:flex;flex-direction:column;gap:16px;gap:var(--sr-spacing-md)}.sr-technique-card{background:#ffffff0a;background:var(--sr-bg-card);border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:18px;border-radius:var(--sr-radius-lg);padding:24px;padding:var(--sr-spacing-lg)}.sr-technique-header{align-items:flex-start;display:flex;gap:16px;gap:var(--sr-spacing-md);justify-content:space-between;margin-bottom:16px;margin-bottom:var(--sr-spacing-md)}.sr-technique-header h3{font-size:1.125rem;margin:0}.sr-technique-difficulty{border-radius:10px;border-radius:var(--sr-radius-sm);font-size:.75rem;padding:4px 8px;padding:var(--sr-spacing-xs) var(--sr-spacing-sm);text-transform:capitalize}.sr-technique-difficulty.beginner{background:#10b98133;color:#10b981;color:var(--sr-accent)}.sr-technique-difficulty.intermediate{background:#3b82f633;color:#3b82f6}.sr-technique-difficulty.advanced{background:#8b5cf633;color:#8b5cf6}.sr-technique-description{color:#ffffffbf;color:var(--sr-text-secondary);line-height:1.5;margin:0 0 16px;margin:0 0 var(--sr-spacing-md)}.sr-technique-tips h4{color:#0ff;color:var(--sr-primary);font-size:.875rem;margin:0 0 8px;margin:0 0 var(--sr-spacing-sm)}.sr-technique-tips ul{flex-direction:column;list-style:none;margin:0;padding:0}.sr-technique-tips li,.sr-technique-tips ul{display:flex;gap:8px;gap:var(--sr-spacing-sm)}.sr-technique-tips li{align-items:flex-start;color:#ffffffbf;color:var(--sr-text-secondary);font-size:.875rem}.sr-technique-tips li svg{color:#10b981;color:var(--sr-accent);flex-shrink:0;margin-top:2px}.sr-resources{display:flex;flex-direction:column;gap:32px;gap:var(--sr-spacing-xl)}.sr-resource-category{display:flex;flex-direction:column;gap:16px;gap:var(--sr-spacing-md)}.sr-category-title{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--sr-border);font-size:1.125rem;font-weight:600;margin:0;padding-bottom:8px;padding-bottom:var(--sr-spacing-sm)}.sr-resource-grid{display:flex;flex-direction:column;gap:8px;gap:var(--sr-spacing-sm)}.sr-resource-card{align-items:center;background:#ffffff0a;background:var(--sr-bg-card);border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:14px;border-radius:var(--sr-radius-md);color:#fff;color:var(--sr-text-primary);display:flex;gap:16px;gap:var(--sr-spacing-md);min-height:44px;min-height:var(--sr-touch-target);padding:16px;padding:var(--sr-spacing-md);text-decoration:none;transition:var(--sr-transition)}.sr-resource-card:hover{background:#ffffff14;background:var(--sr-bg-card-hover);border-color:#0ff;border-color:var(--sr-primary);transform:translateX(4px)}.sr-resource-icon{align-items:center;background:#00ffff1a;border-radius:14px;border-radius:var(--sr-radius-md);color:#0ff;color:var(--sr-primary);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.sr-resource-content{flex:1 1;min-width:0}.sr-resource-content h4{font-size:.9rem;margin:0 0 4px;margin:0 0 var(--sr-spacing-xs)}.sr-resource-author,.sr-resource-desc{color:#ffffffbf;color:var(--sr-text-secondary);display:block;font-size:.75rem}.sr-resource-link{color:#ffffff80;color:var(--sr-text-muted);flex-shrink:0}.sr-achievements{display:flex;flex-direction:column;gap:24px;gap:var(--sr-spacing-lg)}.sr-achievements-grid{grid-gap:16px;grid-gap:var(--sr-spacing-md);display:grid;gap:16px;gap:var(--sr-spacing-md);grid-template-columns:1fr}.sr-achievement-card{align-items:center;background:#ffffff0a;background:var(--sr-bg-card);border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:18px;border-radius:var(--sr-radius-lg);display:flex;gap:16px;gap:var(--sr-spacing-md);padding:16px;padding:var(--sr-spacing-md);position:relative;transition:var(--sr-transition)}.sr-achievement-card.locked{opacity:.6}.sr-achievement-card.unlocked{background:linear-gradient(135deg,#10b9811a,#0000);border-color:#10b981;border-color:var(--sr-accent)}.sr-achievement-icon{align-items:center;background:#ffffff1a;border-radius:14px;border-radius:var(--sr-radius-md);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.sr-achievement-card.unlocked .sr-achievement-icon{background:#10b98133;color:#10b981;color:var(--sr-accent)}.sr-achievement-card.locked .sr-achievement-icon{color:#ffffff80;color:var(--sr-text-muted)}.sr-achievement-content{flex:1 1}.sr-achievement-content h4{font-size:1rem;margin:0 0 4px;margin:0 0 var(--sr-spacing-xs)}.sr-achievement-content p{color:#ffffffbf;color:var(--sr-text-secondary);font-size:.75rem;margin:0 0 4px;margin:0 0 var(--sr-spacing-xs)}.sr-achievement-xp{color:#f59e0b;color:var(--sr-warning);font-size:.75rem;font-weight:600}.sr-achievement-badge{color:#10b981;color:var(--sr-accent)}@media (min-width:640px){.sr-header-content{align-items:center;flex-direction:row;justify-content:space-between}.sr-hero-stats,.sr-quick-stats{grid-template-columns:repeat(4,1fr)}.sr-levels-grid{grid-template-columns:repeat(5,1fr)}.sr-text-grid{display:grid;grid-template-columns:repeat(2,1fr)}.sr-results-actions{flex-direction:row}.sr-results-actions .sr-btn{flex:1 1}.sr-techniques-grid{display:grid}.sr-achievements-grid,.sr-resource-grid,.sr-techniques-grid{grid-template-columns:repeat(2,1fr)}.sr-resource-grid{display:grid}}@media (min-width:1024px){.sr-main{padding:32px;padding:var(--sr-spacing-xl)}.sr-header{padding:24px 32px;padding:var(--sr-spacing-lg) var(--sr-spacing-xl)}.sr-nav{justify-content:center}.sr-nav-item{padding:16px 24px;padding:var(--sr-spacing-md) var(--sr-spacing-lg)}.sr-modes-grid{display:grid;grid-template-columns:repeat(2,1fr)}.sr-achievements-grid,.sr-resource-grid,.sr-techniques-grid{grid-template-columns:repeat(3,1fr)}.sr-training-header{align-items:center;flex-direction:row;justify-content:space-between}.sr-training-progress-info{flex:1 1;max-width:400px}.sr-rsvp-display{min-height:400px}}@media (min-width:1280px){.sr-modes-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.sr-new-record,.sr-rsvp-word{animation:none}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:light){.speed-reading-training{--sr-bg-primary:#f5f5f7;--sr-bg-secondary:#fff;--sr-bg-card:#00000008;--sr-bg-card-hover:#0000000f;--sr-text-primary:#1a1a2e;--sr-text-secondary:#1a1a2eb3;--sr-text-muted:#1a1a2e80;--sr-border:#0000001a;--sr-border-hover:#0003}.sr-rsvp-display{background:#0a0a0f!important;background:var(--sr-bg-secondary)!important;border:1px solid #ffffff14;border:1px solid var(--sr-border);color:#fff!important;color:var(--sr-text-primary)!important}}@media print{.speed-reading-training{background:#fff;color:#000}.sr-header,.sr-nav,.sr-start-btn,.sr-training-controls{display:none}}.sr-challenges-section{background:linear-gradient(135deg,#fbbf241a,#ec48991a);border:1px solid #fbbf244d;border-radius:24px;border-radius:var(--sr-radius-xl);padding:24px;padding:var(--sr-spacing-lg)}.sr-challenges-grid{grid-gap:16px;grid-gap:var(--sr-spacing-md);display:grid;gap:16px;gap:var(--sr-spacing-md);grid-template-columns:1fr}.sr-challenge-card{align-items:center;background:#ffffff0a;background:var(--sr-bg-card);border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:18px;border-radius:var(--sr-radius-lg);display:flex;gap:16px;gap:var(--sr-spacing-md);padding:16px;padding:var(--sr-spacing-md);position:relative;transition:var(--sr-transition)}.sr-challenge-card:hover{background:#ffffff14;background:var(--sr-bg-card-hover);border-color:#ffffff26;border-color:var(--sr-border-hover)}.sr-challenge-card.completed{background:#10b9811a;border-color:#10b9814d}.sr-challenge-icon{align-items:center;background:#fbbf2433;border-radius:14px;border-radius:var(--sr-radius-md);color:#fbbf24;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.sr-challenge-card.completed .sr-challenge-icon{background:#10b98133;color:#10b981;color:var(--sr-accent)}.sr-challenge-content{flex:1 1}.sr-challenge-content h4{font-size:1rem;font-weight:600;margin:0 0 4px;margin:0 0 var(--sr-spacing-xs)}.sr-challenge-content p{color:#ffffffbf;color:var(--sr-text-secondary);font-size:.875rem;margin:0 0 4px;margin:0 0 var(--sr-spacing-xs)}.sr-challenge-xp{background:#fbbf2433;border-radius:4px;color:#fbbf24;display:inline-block;font-size:.75rem;font-weight:600;padding:2px 8px}.sr-challenge-badge{color:#10b981;color:var(--sr-accent);position:absolute;right:8px;right:var(--sr-spacing-sm);top:8px;top:var(--sr-spacing-sm)}.sr-tip-card{background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border:1px solid #8b5cf64d;border-radius:18px;border-radius:var(--sr-radius-lg);padding:16px;padding:var(--sr-spacing-md)}.sr-tip-header{align-items:center;color:#8b5cf6;display:flex;font-weight:600;gap:8px;gap:var(--sr-spacing-sm);margin-bottom:8px;margin-bottom:var(--sr-spacing-sm)}.sr-tip-header span{flex:1 1}.sr-tip-close{background:none;border:none;border-radius:4px;color:#ffffffbf;color:var(--sr-text-secondary);cursor:pointer;padding:4px;transition:var(--sr-transition)}.sr-tip-close:hover{background:#ffffff1a;color:#fff;color:var(--sr-text-primary)}.sr-tip-card p{color:#ffffffbf;color:var(--sr-text-secondary);font-size:.875rem;line-height:1.6;margin:0}.sr-eye-training{display:flex;flex-direction:column;gap:32px;gap:var(--sr-spacing-xl)}.sr-exercises-grid{grid-gap:16px;grid-gap:var(--sr-spacing-md);display:grid;gap:16px;gap:var(--sr-spacing-md);grid-template-columns:1fr}.sr-exercise-card{background:#ffffff0a;background:var(--sr-bg-card);border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:18px;border-radius:var(--sr-radius-lg);padding:24px;padding:var(--sr-spacing-lg);transition:var(--sr-transition)}.sr-exercise-card:hover{background:#ffffff14;background:var(--sr-bg-card-hover);border-color:#ffffff26;border-color:var(--sr-border-hover)}.sr-exercise-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--sr-spacing-md)}.sr-exercise-header h3{font-size:1.125rem;font-weight:600;margin:0}.sr-exercise-duration{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;gap:4px;gap:var(--sr-spacing-xs);padding:4px 12px}.sr-exercise-description,.sr-exercise-duration{color:#ffffffbf;color:var(--sr-text-secondary);font-size:.875rem}.sr-exercise-description{line-height:1.6;margin-bottom:16px;margin-bottom:var(--sr-spacing-md)}.sr-exercise-instructions h4{font-size:.875rem;font-weight:600;margin-bottom:8px;margin-bottom:var(--sr-spacing-sm)}.sr-exercise-instructions ul{list-style:none;margin:0 0 16px;margin:0 0 var(--sr-spacing-md);padding:0}.sr-exercise-instructions li{align-items:flex-start;color:#ffffffbf;color:var(--sr-text-secondary);display:flex;font-size:.875rem;gap:8px;gap:var(--sr-spacing-sm);line-height:1.5;margin-bottom:8px;margin-bottom:var(--sr-spacing-sm)}.sr-exercise-instructions li svg{color:#10b981;color:var(--sr-accent);flex-shrink:0;margin-top:2px}.sr-exercise-stats{align-items:center;background:#ffffff0a;background:var(--sr-bg-card);border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:18px;border-radius:var(--sr-radius-lg);color:#10b981;color:var(--sr-accent);display:flex;font-weight:600;gap:8px;gap:var(--sr-spacing-sm);justify-content:center;padding:16px;padding:var(--sr-spacing-md)}.sr-modal-overlay{align-items:flex-end;animation:fade-in .2s cubic-bezier(.16,1,.3,1);animation:fade-in .2s var(--sr-ease-out-expo);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;z-index:1001}.sr-comprehension-modal{-webkit-overflow-scrolling:touch;animation:modal-slide-up .3s cubic-bezier(.16,1,.3,1);animation:modal-slide-up .3s var(--sr-ease-out-expo);background:#0a0a0f;background:var(--sr-bg-secondary);border:.5px solid #ffffff14;border:.5px solid var(--sr-border);border-bottom:none;border-radius:32px 32px 0 0;border-radius:var(--sr-radius-2xl) var(--sr-radius-2xl) 0 0;max-height:90vh;max-width:100%;overflow-y:auto;padding:24px;padding:var(--sr-spacing-lg);padding-bottom:calc(24px + env(safe-area-inset-bottom, 20px));padding-bottom:calc(var(--sr-spacing-lg) + var(--sr-safe-bottom));padding-top:8px;padding-top:var(--sr-spacing-sm);width:100%}.sr-comprehension-modal:before{background:#ffffff59;background:var(--sr-text-hint);border-radius:9999px;border-radius:var(--sr-radius-full);content:"";display:block;height:4px;margin:0 auto 16px;margin:0 auto var(--sr-spacing-md);width:36px}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sr-modal-header{margin-bottom:24px;margin-bottom:var(--sr-spacing-lg);text-align:center}.sr-modal-header svg{color:#0ff;color:var(--sr-primary);height:40px;margin-bottom:8px;margin-bottom:var(--sr-spacing-sm);width:40px}.sr-modal-header h2{font-size:24px;font-size:var(--sr-font-xl);font-weight:700;margin:0 0 4px;margin:0 0 var(--sr-spacing-xs)}.sr-modal-header p{color:#ffffffbf;color:var(--sr-text-secondary);font-size:13px;font-size:var(--sr-font-sm);margin:0}.sr-questions{display:flex;flex-direction:column;gap:24px;gap:var(--sr-spacing-lg);margin-bottom:32px;margin-bottom:var(--sr-spacing-xl)}.sr-question-card{background:#ffffff0a;background:var(--sr-bg-card);border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:18px;border-radius:var(--sr-radius-lg);padding:24px;padding:var(--sr-spacing-lg)}.sr-question-card h4{color:#0ff;color:var(--sr-primary);font-size:.875rem;font-weight:600;margin:0 0 8px;margin:0 0 var(--sr-spacing-sm)}.sr-question-text{font-size:1rem;font-weight:600;line-height:1.5;margin:0 0 16px;margin:0 0 var(--sr-spacing-md)}.sr-options{flex-direction:column}.sr-option,.sr-options{display:flex;gap:8px;gap:var(--sr-spacing-sm)}.sr-option{align-items:center;background:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:14px;border-radius:var(--sr-radius-md);cursor:pointer;padding:16px;padding:var(--sr-spacing-md);transition:var(--sr-transition)}.sr-option:hover{background:#ffffff0d;border-color:#ffffff26;border-color:var(--sr-border-hover)}.sr-option input[type=radio]{accent-color:#0ff;accent-color:var(--sr-primary);cursor:pointer;height:20px;width:20px}.sr-option span{flex:1 1;font-size:.875rem;line-height:1.5}.sr-modal-actions{display:flex;justify-content:center}.sr-modal-actions .sr-btn{min-width:200px}.sr-exercise-active{background:#ffffff0a;background:var(--sr-bg-card);border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:24px;border-radius:var(--sr-radius-xl);display:flex;flex-direction:column;min-height:70vh;padding:32px;padding:var(--sr-spacing-xl)}.sr-exercise-header-active{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--sr-border);display:flex;flex-wrap:wrap;gap:16px;gap:var(--sr-spacing-md);justify-content:space-between;margin-bottom:24px;margin-bottom:var(--sr-spacing-lg);padding-bottom:16px;padding-bottom:var(--sr-spacing-md)}.sr-exercise-header-active h3{color:#0ff;color:var(--sr-primary);font-size:1.5rem;font-weight:700;margin:0}.sr-exercise-meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--sr-spacing-md)}.sr-exercise-timer{align-items:center;background:#10b98126;color:#10b981;color:var(--sr-accent);display:flex;font-size:1.1rem;gap:4px;gap:var(--sr-spacing-xs)}.sr-exercise-progress-badge,.sr-exercise-timer{border-radius:14px;border-radius:var(--sr-radius-md);font-weight:600;padding:8px 16px;padding:var(--sr-spacing-sm) var(--sr-spacing-md)}.sr-exercise-progress-badge{background:#00ffff1a;color:#0ff;color:var(--sr-primary);font-size:.875rem}.sr-exercise-instructions-active{margin-bottom:32px;margin-bottom:var(--sr-spacing-xl);text-align:center}.sr-exercise-instructions-active p{color:#ffffffbf;color:var(--sr-text-secondary);font-size:1rem;margin:0}.schulte-exercise{align-items:center}.schulte-grid{grid-gap:4px;aspect-ratio:1;background:#0000004d;border-radius:18px;border-radius:var(--sr-radius-lg);display:grid;gap:4px;margin:0 auto;max-width:450px;padding:8px;position:relative;width:100%}.schulte-cell{align-items:center;background:#0a0a0f;background:var(--sr-bg-secondary);border:2px solid #ffffff14;border:2px solid var(--sr-border);border-radius:10px;border-radius:var(--sr-radius-sm);color:#fff;color:var(--sr-text-primary);cursor:pointer;display:flex;font-size:clamp(1rem,4vw,1.5rem);font-weight:700;justify-content:center;transition:var(--sr-transition);-webkit-user-select:none;user-select:none}.schulte-cell:hover{background:#00ffff1a;border-color:#0ff;border-color:var(--sr-primary);transform:scale(1.05)}.schulte-cell:active{transform:scale(.95)}.schulte-cell.found{background:#10b9814d;border-color:#10b981;border-color:var(--sr-accent);color:#10b981;color:var(--sr-accent);cursor:default}.schulte-cell.found:hover{transform:none}.schulte-cell.next{animation:schulte-pulse 1s ease-in-out infinite}@keyframes schulte-pulse{0%,to{box-shadow:0 0 0 0 #0ff6}50%{box-shadow:0 0 15px 5px #0ff3}}.schulte-center-dot{background:#f0f;background:var(--sr-secondary);border-radius:50%;box-shadow:0 0 10px #f0f;box-shadow:0 0 10px var(--sr-secondary);height:8px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;z-index:10}.fixation-exercise{align-items:center}.fixation-arena{aspect-ratio:16/9;background:linear-gradient(135deg,#0a0a0fe6,#12121ae6);border:2px solid #ffffff14;border:2px solid var(--sr-border);border-radius:24px;border-radius:var(--sr-radius-xl);margin:0 auto;max-width:600px;overflow:hidden;position:relative;width:100%}.fixation-dot{animation:fixation-glow 1.5s ease-in-out infinite;background:radial-gradient(circle,#ff3b3b 0,#ff6b6b 50%,#0000 70%);border-radius:50%;box-shadow:0 0 20px #ff3b3bcc,0 0 40px #ff3b3b66;height:24px;position:absolute;transform:translate(-50%,-50%);transition:all .5s cubic-bezier(.4,0,.2,1);width:24px}@keyframes fixation-glow{0%,to{box-shadow:0 0 20px #ff3b3bcc,0 0 40px #ff3b3b66}50%{box-shadow:0 0 30px #ff3b3b,0 0 60px #ff3b3b99}}.fixation-crosshair{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.crosshair-h,.crosshair-v{background:#ffffff1a;position:absolute}.crosshair-h{height:1px;left:0;right:0;top:50%;transform:translateY(-50%)}.crosshair-v{bottom:0;left:50%;top:0;transform:translateX(-50%);width:1px}.fixation-progress-bar,.saccade-progress-bar,.vertical-progress-bar,.visual-span-progress-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-top:32px;margin-top:var(--sr-spacing-xl);max-width:600px;overflow:hidden;width:100%}.fixation-progress-fill,.saccade-progress-fill,.vertical-progress-fill,.visual-span-progress-fill{background:linear-gradient(90deg,#0ff,#10b981);background:linear-gradient(90deg,var(--sr-primary),var(--sr-accent));border-radius:4px;height:100%;transition:width .3s ease}.saccade-arena,.saccade-exercise{align-items:center}.saccade-arena{display:flex;height:200px;justify-content:center;margin:32px auto;margin:var(--sr-spacing-xl) auto;max-width:800px;position:relative;width:100%}.saccade-track{height:4px;left:5%;position:absolute;top:50%;transform:translateY(-50%);width:90%}.saccade-track-line{background:linear-gradient(90deg,#0ff,#0000 10%,#0000 90%,#0ff);background:linear-gradient(90deg,var(--sr-primary),#0000 10%,#0000 90%,var(--sr-primary));border-radius:1px;height:2px;width:100%}.saccade-endpoint{background:#ffffff14;background:var(--sr-border);border:2px solid #0ff;border:2px solid var(--sr-primary);border-radius:50%;height:16px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.saccade-endpoint.left{left:-8px}.saccade-endpoint.right{right:-8px}.saccade-dot{animation:saccade-pulse .5s ease-in-out infinite;color:#0ff;color:var(--sr-primary);filter:drop-shadow(0 0 15px #00ffff);filter:drop-shadow(0 0 15px var(--sr-primary));position:absolute;transition:left .15s cubic-bezier(.4,0,.2,1)}.saccade-dot.left{left:5%}.saccade-dot.right{left:90%}@keyframes saccade-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.visual-span-arena,.visual-span-exercise{align-items:center;justify-content:center}.visual-span-arena{background:#0000004d;border-radius:24px;border-radius:var(--sr-radius-xl);display:flex;margin:32px auto;margin:var(--sr-spacing-xl) auto;max-width:600px;min-height:200px;padding:32px;padding:var(--sr-spacing-xl);width:100%}.visual-span-word{animation:flash-word .3s ease-out;color:#0ff;color:var(--sr-primary);font-size:clamp(2rem,10vw,5rem);font-weight:800;letter-spacing:.2em;text-shadow:0 0 30px #0ff,0 0 60px #00ffff80;text-shadow:0 0 30px var(--sr-primary),0 0 60px #00ffff80}@keyframes flash-word{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.visual-span-input-area{display:flex;flex-direction:column;gap:16px;gap:var(--sr-spacing-md);max-width:400px;width:100%}.visual-span-input{background:#0a0a0f;background:var(--sr-bg-secondary);border:2px solid #ffffff14;border:2px solid var(--sr-border);border-radius:14px;border-radius:var(--sr-radius-md);color:#fff;color:var(--sr-text-primary);font-size:1.25rem;letter-spacing:.1em;padding:16px 24px;padding:var(--sr-spacing-md) var(--sr-spacing-lg);text-align:center;text-transform:uppercase;transition:var(--sr-transition);width:100%}.visual-span-input:focus{border-color:#0ff;border-color:var(--sr-primary);box-shadow:0 0 20px #0ff3;outline:none}.visual-span-input::placeholder{color:#ffffff80;color:var(--sr-text-muted);letter-spacing:normal;text-transform:none}.vertical-reading-exercise{align-items:center}.vertical-reading-arena{background:#0000004d;border-radius:24px;border-radius:var(--sr-radius-xl);margin:0 auto;max-width:500px;min-height:400px;padding:32px;padding:var(--sr-spacing-xl);position:relative;width:100%}.vertical-text-container{display:flex;flex-direction:column;gap:16px;gap:var(--sr-spacing-md)}.vertical-line{border-radius:10px;border-radius:var(--sr-radius-sm);color:#ffffff80;color:var(--sr-text-muted);font-size:1.25rem;line-height:1.8;padding:8px 16px;padding:var(--sr-spacing-sm) var(--sr-spacing-md);text-align:center;transition:all .3s ease}.vertical-line.read{color:#ffffffbf;color:var(--sr-text-secondary);opacity:.6}.vertical-line.active{background:linear-gradient(90deg,#0000,#00ffff26,#0000);box-shadow:0 0 30px #00ffff1a;color:#fff;color:var(--sr-text-primary);font-weight:600;transform:scale(1.05)}.vertical-highlight-bar{background:linear-gradient(180deg,#0000,#00ffff0d 40%,#00ffff1a 50%,#00ffff0d 60%,#0000);height:50px;left:0;pointer-events:none;position:absolute;right:0;transition:top .5s ease}.sr-exercise-complete-screen{flex-direction:column;min-height:60vh;padding:48px;padding:var(--sr-spacing-2xl);text-align:center}.sr-complete-icon,.sr-exercise-complete-screen{align-items:center;display:flex;justify-content:center}.sr-complete-icon{animation:complete-bounce .6s ease-out;background:linear-gradient(135deg,#0ff,#f0f);background:linear-gradient(135deg,var(--sr-primary),var(--sr-secondary));border-radius:50%;box-shadow:0 0 60px #0ff6;color:#000;color:var(--sr-bg-primary);height:120px;margin-bottom:32px;margin-bottom:var(--sr-spacing-xl);width:120px}@keyframes complete-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.sr-exercise-complete-screen h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#0ff,#f0f);background:linear-gradient(90deg,var(--sr-primary),var(--sr-secondary));-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:8px;margin-bottom:var(--sr-spacing-sm)}.sr-exercise-complete-screen>p{color:#ffffffbf;color:var(--sr-text-secondary);font-size:1.1rem}.sr-complete-stats,.sr-exercise-complete-screen>p{margin-bottom:32px;margin-bottom:var(--sr-spacing-xl)}.sr-complete-stats{display:flex;gap:32px;gap:var(--sr-spacing-xl)}.sr-complete-stat{align-items:center;background:#ffffff0a;background:var(--sr-bg-card);border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:18px;border-radius:var(--sr-radius-lg);display:flex;flex-direction:column;gap:4px;gap:var(--sr-spacing-xs);padding:16px 32px;padding:var(--sr-spacing-md) var(--sr-spacing-xl)}.sr-complete-stat svg{color:#0ff;color:var(--sr-primary)}.sr-complete-stat span{color:#fff;color:var(--sr-text-primary);font-size:1.5rem;font-weight:700}.sr-complete-stat label{color:#ffffff80;color:var(--sr-text-muted);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.sr-complete-actions{display:flex;flex-wrap:wrap;gap:16px;gap:var(--sr-spacing-md);justify-content:center}.sr-btn.small{font-size:.875rem;min-height:auto;padding:8px 16px;padding:var(--sr-spacing-sm) var(--sr-spacing-md)}.sr-exercise-complete{align-items:center;animation:fade-in .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ff2;border-radius:24px;border-radius:var(--sr-radius-xl);display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:20}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sr-exercise-complete svg{color:#10b981;color:var(--sr-accent);margin-bottom:16px;margin-bottom:var(--sr-spacing-md)}.sr-exercise-complete h4{color:#fff;color:var(--sr-text-primary);font-size:1.5rem;margin-bottom:8px;margin-bottom:var(--sr-spacing-sm)}.sr-exercise-complete p{color:#ffffffbf;color:var(--sr-text-secondary);margin-bottom:16px;margin-bottom:var(--sr-spacing-md)}.sr-exercise-complete .best-time{color:#10b981;color:var(--sr-accent);font-size:.875rem;font-weight:600}@media (min-width:640px){.sr-challenges-grid{grid-template-columns:repeat(3,1fr)}.sr-exercises-grid{grid-template-columns:repeat(2,1fr)}.schulte-grid{max-width:500px}.schulte-cell{font-size:1.75rem}}@media (min-width:1024px){.sr-exercises-grid{grid-template-columns:repeat(3,1fr)}.schulte-grid{max-width:550px}}@media (max-width:640px){.sr-exercise-active{min-height:auto;padding:16px;padding:var(--sr-spacing-md)}.sr-exercise-header-active{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--sr-spacing-sm)}.sr-exercise-meta{justify-content:space-between;width:100%}.schulte-grid{max-width:90vw}.saccade-arena{height:150px}.visual-span-word{font-size:2.5rem}.vertical-line{font-size:1rem}.sr-complete-stats{flex-direction:column;gap:16px;gap:var(--sr-spacing-md)}.sr-complete-actions{flex-direction:column;width:100%}.sr-complete-actions .sr-btn{width:100%}}.sr-ai-coach-container{bottom:calc(80px + env(safe-area-inset-bottom, 20px));bottom:calc(80px + var(--sr-safe-bottom));position:fixed;right:16px;right:var(--sr-spacing-md);z-index:1000}.sr-ai-coach-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:9999px;border-radius:var(--sr-radius-full);box-shadow:0 4px 20px #8b5cf666,0 0 0 0 #8b5cf666;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.4,0,.2,1);transition:transform .2s var(--sr-spring-bounce),box-shadow .2s var(--sr-ease-in-out);width:56px}.sr-ai-coach-btn:active{box-shadow:0 2px 10px #8b5cf64d;transform:scale(.92)}.sr-ai-coach-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 20px #8b5cf680,0 0 0 4px #8b5cf633}.sr-ai-pulse{animation:ai-pulse 2s ease-out infinite;background:#8b5cf666;border-radius:9999px;border-radius:var(--sr-radius-full);height:100%;pointer-events:none;position:absolute;width:100%}@keyframes ai-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.sr-ai-coach-panel{animation:sheet-up .3s cubic-bezier(.16,1,.3,1);animation:sheet-up .3s var(--sr-ease-out-expo);background:#0a0a0f;background:var(--sr-bg-secondary);border:.5px solid #ffffff14;border:.5px solid var(--sr-border);border-bottom:none;border-radius:32px 32px 0 0;border-radius:var(--sr-radius-2xl) var(--sr-radius-2xl) 0 0;bottom:0;box-shadow:0 -10px 50px #00000080;display:flex;flex-direction:column;left:0;max-height:75vh;overflow:hidden;position:fixed;right:0;width:100%;z-index:1001}.sr-ai-coach-panel:before{background:#ffffff59;background:var(--sr-text-hint);border-radius:9999px;border-radius:var(--sr-radius-full);content:"";flex-shrink:0;height:4px;margin:8px auto;margin:var(--sr-spacing-sm) auto;width:36px}@keyframes sheet-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.sr-ai-coach-header{align-items:center;background:linear-gradient(135deg,#8b5cf633,#6366f11a);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--sr-border);display:flex;justify-content:space-between;padding:16px;padding:var(--sr-spacing-md)}.sr-ai-coach-title{align-items:center;display:flex;gap:8px;gap:var(--sr-spacing-sm)}.sr-ai-coach-title svg{color:#8b5cf6}.sr-ai-coach-title h3{color:#fff;color:var(--sr-text-primary);font-size:1rem;margin:0}.sr-ai-status{color:#ffffff80;color:var(--sr-text-muted);font-size:.75rem;gap:6px}.sr-ai-dot{animation:blink 1.5s ease-in-out infinite;background:#10b981;border-radius:50%;height:6px;width:6px}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.sr-ai-close{background:none;border:none;border-radius:10px;border-radius:var(--sr-radius-sm);color:#ffffff80;color:var(--sr-text-muted);cursor:pointer;padding:4px;transition:all .2s}.sr-ai-close:hover{background:#ffffff1a;color:#fff;color:var(--sr-text-primary)}.sr-ai-coach-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;gap:var(--sr-spacing-md);max-height:300px;overflow-y:auto;padding:16px;padding:var(--sr-spacing-md)}.sr-ai-message{display:flex;gap:8px;gap:var(--sr-spacing-sm);max-width:90%}.sr-ai-message.user{align-self:flex-end;flex-direction:row-reverse}.sr-ai-message.assistant svg{color:#8b5cf6;flex-shrink:0;margin-top:4px}.sr-ai-message-content{background:#ffffff0a;background:var(--sr-bg-card);border-radius:14px;border-radius:var(--sr-radius-md);color:#fff;color:var(--sr-text-primary);font-size:.9rem;line-height:1.5;padding:8px 16px;padding:var(--sr-spacing-sm) var(--sr-spacing-md)}.sr-ai-message.user .sr-ai-message-content{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.sr-ai-loading{animation:spin 1s linear infinite}.sr-ai-quick-prompts{display:flex;gap:4px;gap:var(--sr-spacing-xs);overflow-x:auto;padding:0 16px;padding:0 var(--sr-spacing-md);padding-bottom:8px;padding-bottom:var(--sr-spacing-sm)}.sr-ai-quick-prompt{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:14px;border-radius:var(--sr-radius-md);color:#a78bfa;cursor:pointer;font-size:.75rem;padding:6px 12px;transition:all .2s;white-space:nowrap}.sr-ai-quick-prompt:hover{background:#8b5cf633;border-color:#8b5cf6}.sr-ai-coach-input{background:#111118;background:var(--sr-bg-tertiary);border-top:.5px solid #ffffff14;border-top:.5px solid var(--sr-border);display:flex;gap:8px;gap:var(--sr-spacing-sm);padding:16px;padding:var(--sr-spacing-md);padding-bottom:calc(16px + env(safe-area-inset-bottom, 20px));padding-bottom:calc(var(--sr-spacing-md) + var(--sr-safe-bottom))}.sr-ai-coach-input input{-webkit-appearance:none;appearance:none;background:#ffffff0a;background:var(--sr-bg-card);border:.5px solid #ffffff14;border:.5px solid var(--sr-border);border-radius:18px;border-radius:var(--sr-radius-lg);color:#fff;color:var(--sr-text-primary);flex:1 1;font-size:15px;font-size:var(--sr-font-base);padding:12px 16px;padding:12px var(--sr-spacing-md);transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);transition:border-color .2s var(--sr-ease-in-out),box-shadow .2s var(--sr-ease-in-out)}.sr-ai-coach-input input::placeholder{color:#ffffff59;color:var(--sr-text-hint)}.sr-ai-coach-input input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633;outline:none}.sr-ai-send{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:14px;border-radius:var(--sr-radius-md);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;height:var(--sr-touch-target);justify-content:center;transition:transform .15s cubic-bezier(.34,1.56,.64,1);transition:transform .15s var(--sr-spring-bounce);width:44px;width:var(--sr-touch-target)}.sr-ai-send:active:not(:disabled){transform:scale(.92)}.sr-ai-send:disabled{cursor:not-allowed;opacity:.4}.sr-ai-coach-actions{grid-gap:8px;grid-gap:var(--sr-spacing-sm);border-top:.5px solid #ffffff14;border-top:.5px solid var(--sr-border);display:grid;gap:8px;gap:var(--sr-spacing-sm);grid-template-columns:repeat(2,1fr);padding:16px;padding:var(--sr-spacing-md)}.sr-ai-action{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff0a;background:var(--sr-bg-card);border:.5px solid #ffffff14;border:.5px solid var(--sr-border);border-radius:14px;border-radius:var(--sr-radius-md);color:#fff;color:var(--sr-text-primary);cursor:pointer;display:flex;font-size:13px;font-size:var(--sr-font-sm);font-weight:500;gap:6px;justify-content:center;min-height:44px;min-height:var(--sr-touch-target);padding:12px 8px;padding:12px var(--sr-spacing-sm);transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s cubic-bezier(.4,0,.2,1);transition:transform .15s var(--sr-spring-bounce),background .15s var(--sr-ease-in-out)}.sr-ai-action:active{background:#ffffff1f;background:var(--sr-bg-card-active);transform:scale(.96)}.sr-ai-action:disabled{opacity:.4;transform:none}.sr-ai-action svg{border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:10px;border-radius:var(--sr-radius-sm);color:#8b5cf6;color:#ffffffbf;color:var(--sr-text-secondary);cursor:pointer;font-size:.75rem;height:16px;transition:all .2s;width:16px}.sr-ai-action:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf6;color:#a78bfa}.sr-ai-action:disabled{cursor:not-allowed;opacity:.5}.sr-ai-modal{animation:modal-appear .3s ease;background:#0a0a0f;background:var(--sr-bg-secondary);border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:24px;border-radius:var(--sr-radius-xl);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.sr-ai-modal.large{max-width:700px}@keyframes modal-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sr-ai-modal-header{align-items:flex-start;background:linear-gradient(135deg,#8b5cf626,#6366f11a);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--sr-border);display:flex;gap:16px;gap:var(--sr-spacing-md);padding:24px;padding:var(--sr-spacing-lg)}.sr-ai-modal-header svg:first-child{color:#8b5cf6;flex-shrink:0}.sr-ai-modal-header>div{flex:1 1}.sr-ai-modal-header h2{color:#fff;color:var(--sr-text-primary);font-size:1.25rem;margin:0 0 4px}.sr-ai-modal-header p{color:#ffffffbf;color:var(--sr-text-secondary);font-size:.875rem;margin:0}.sr-modal-close{background:none;border:none;border-radius:10px;border-radius:var(--sr-radius-sm);color:#ffffff80;color:var(--sr-text-muted);cursor:pointer;padding:4px;transition:all .2s}.sr-modal-close:hover{background:#ffffff1a;color:#fff;color:var(--sr-text-primary)}.sr-ai-modal-body{flex:1 1;overflow-y:auto;padding:24px;padding:var(--sr-spacing-lg)}.sr-ai-input-group{margin-bottom:24px;margin-bottom:var(--sr-spacing-lg)}.sr-ai-input-group label{color:#ffffffbf;color:var(--sr-text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:8px;margin-bottom:var(--sr-spacing-sm)}.sr-ai-input-group input,.sr-ai-input-group textarea{background:#ffffff0a;background:var(--sr-bg-card);border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:14px;border-radius:var(--sr-radius-md);color:#fff;color:var(--sr-text-primary);font-size:1rem;padding:16px;padding:var(--sr-spacing-md);resize:vertical;width:100%}.sr-ai-input-group input:focus,.sr-ai-input-group textarea:focus{border-color:#8b5cf6;outline:none}.sr-ai-difficulty-select{display:flex;gap:8px;gap:var(--sr-spacing-sm)}.sr-ai-diff-btn{background:#ffffff0a;background:var(--sr-bg-card);border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:14px;border-radius:var(--sr-radius-md);color:#ffffffbf;color:var(--sr-text-secondary);cursor:pointer;flex:1 1;padding:8px 16px;padding:var(--sr-spacing-sm) var(--sr-spacing-md);transition:all .2s}.sr-ai-diff-btn:hover{border-color:#8b5cf6}.sr-ai-diff-btn.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#0000;color:#fff}.sr-ai-topic-suggestions{margin-top:24px;margin-top:var(--sr-spacing-lg)}.sr-ai-topic-suggestions label{color:#ffffff80;color:var(--sr-text-muted);display:block;font-size:.875rem;margin-bottom:8px;margin-bottom:var(--sr-spacing-sm)}.sr-ai-topics{display:flex;flex-wrap:wrap;gap:8px;gap:var(--sr-spacing-sm)}.sr-ai-topic-btn{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:20px;color:#a78bfa;cursor:pointer;font-size:.875rem;padding:6px 14px;transition:all .2s}.sr-ai-topic-btn:hover{background:#8b5cf633;border-color:#8b5cf6}.sr-ai-modal-footer{border-top:1px solid #ffffff14;border-top:1px solid var(--sr-border);display:flex;gap:16px;gap:var(--sr-spacing-md);justify-content:flex-end;padding:24px;padding:var(--sr-spacing-lg)}.sr-ai-analysis-results{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:18px;border-radius:var(--sr-radius-lg);margin-top:24px;margin-top:var(--sr-spacing-lg);padding:24px;padding:var(--sr-spacing-lg)}.sr-ai-analysis-results h4{color:#a78bfa;margin:0 0 16px;margin:0 0 var(--sr-spacing-md)}.sr-ai-analysis-grid{grid-gap:16px;grid-gap:var(--sr-spacing-md);display:grid;gap:16px;gap:var(--sr-spacing-md);grid-template-columns:repeat(2,1fr)}.sr-ai-analysis-item{display:flex;flex-direction:column;gap:4px}.sr-ai-analysis-item .label{color:#ffffff80;color:var(--sr-text-muted);font-size:.75rem;text-transform:uppercase}.sr-ai-analysis-item .value{color:#fff;color:var(--sr-text-primary);font-size:1rem;font-weight:600}.sr-ai-analysis-item .value.difficulty-beginner{color:#10b981}.sr-ai-analysis-item .value.difficulty-intermediate{color:#3b82f6}.sr-ai-analysis-item .value.difficulty-advanced{color:#f59e0b}.sr-ai-analysis-item .value.difficulty-expert{color:#ef4444}.sr-ai-wpm-recommendations{border-top:1px solid #8b5cf633;margin-top:24px;margin-top:var(--sr-spacing-lg);padding-top:16px;padding-top:var(--sr-spacing-md)}.sr-ai-wpm-recommendations h5{color:#ffffffbf;color:var(--sr-text-secondary);font-size:.875rem;margin:0 0 8px;margin:0 0 var(--sr-spacing-sm)}.sr-ai-wpm-grid{color:#ffffff80;color:var(--sr-text-muted);display:flex;font-size:.875rem;gap:24px;gap:var(--sr-spacing-lg)}.sr-ai-trend-badge{align-items:center;border-radius:14px;border-radius:var(--sr-radius-md);display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;gap:var(--sr-spacing-sm);margin-bottom:24px;margin-bottom:var(--sr-spacing-lg);padding:8px 16px;padding:var(--sr-spacing-sm) var(--sr-spacing-md)}.sr-ai-trend-badge.improving{background:#10b98126;color:#10b981}.sr-ai-trend-badge.plateau{background:#f59e0b26;color:#f59e0b}.sr-ai-trend-badge.declining{background:#ef444426;color:#ef4444}.sr-ai-insights-grid{grid-gap:24px;grid-gap:var(--sr-spacing-lg);display:grid;gap:24px;gap:var(--sr-spacing-lg);grid-template-columns:repeat(2,1fr);margin-bottom:24px;margin-bottom:var(--sr-spacing-lg)}.sr-ai-insight-card{border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:18px;border-radius:var(--sr-radius-lg);padding:24px;padding:var(--sr-spacing-lg)}.sr-ai-insight-card.strengths{background:#10b9810d;border-color:#10b98133}.sr-ai-insight-card.weaknesses{background:#f59e0b0d;border-color:#f59e0b33}.sr-ai-insight-card h4{align-items:center;display:flex;font-size:.9rem;gap:8px;gap:var(--sr-spacing-sm);margin:0 0 16px;margin:0 0 var(--sr-spacing-md)}.sr-ai-insight-card.strengths h4{color:#10b981}.sr-ai-insight-card.weaknesses h4{color:#f59e0b}.sr-ai-insight-card ul{margin:0;padding-left:1.2rem}.sr-ai-insight-card li{color:#ffffffbf;color:var(--sr-text-secondary);font-size:.875rem;margin-bottom:4px}.sr-ai-predictions{background:#8b5cf60d;border-radius:18px;border-radius:var(--sr-radius-lg);margin-bottom:24px;margin-bottom:var(--sr-spacing-lg);padding:24px;padding:var(--sr-spacing-lg)}.sr-ai-predictions h4{align-items:center;color:#8b5cf6;display:flex;gap:8px;gap:var(--sr-spacing-sm);margin:0 0 16px;margin:0 0 var(--sr-spacing-md)}.sr-ai-predictions p{color:#ffffffbf;color:var(--sr-text-secondary);margin:4px 0;margin:var(--sr-spacing-xs) 0}.sr-ai-predictions strong{color:#fff;color:var(--sr-text-primary)}.sr-ai-recommendations{margin-bottom:24px;margin-bottom:var(--sr-spacing-lg)}.sr-ai-recommendations h4{align-items:center;color:#fff;color:var(--sr-text-primary);display:flex;gap:8px;gap:var(--sr-spacing-sm);margin-bottom:16px;margin-bottom:var(--sr-spacing-md)}.sr-ai-recommendation{align-items:flex-start;background:#ffffff0a;background:var(--sr-bg-card);border-radius:14px;border-radius:var(--sr-radius-md);display:flex;gap:16px;gap:var(--sr-spacing-md);margin-bottom:8px;margin-bottom:var(--sr-spacing-sm);padding:16px;padding:var(--sr-spacing-md)}.sr-ai-recommendation .priority{border-radius:4px;font-size:.7rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.sr-ai-recommendation.priority-high .priority{background:#ef444433;color:#ef4444}.sr-ai-recommendation.priority-medium .priority{background:#f59e0b33;color:#f59e0b}.sr-ai-recommendation.priority-low .priority{background:#10b98133;color:#10b981}.sr-ai-recommendation p{color:#ffffffbf;color:var(--sr-text-secondary);font-size:.9rem;margin:0}.sr-ai-encouragement{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#6366f10d);border:1px solid #8b5cf633;border-radius:18px;border-radius:var(--sr-radius-lg);display:flex;gap:16px;gap:var(--sr-spacing-md);padding:24px;padding:var(--sr-spacing-lg)}.sr-ai-encouragement svg{color:#8b5cf6;flex-shrink:0}.sr-ai-encouragement p{color:#fff;color:var(--sr-text-primary);font-size:1rem;font-style:italic;margin:0}.sr-ai-assessment{background:#ffffff0a;background:var(--sr-bg-card);border-radius:18px;border-radius:var(--sr-radius-lg);margin-bottom:24px;margin-bottom:var(--sr-spacing-lg);padding:24px;padding:var(--sr-spacing-lg)}.sr-ai-assessment h4{color:#fff;color:var(--sr-text-primary);margin:0 0 8px;margin:0 0 var(--sr-spacing-sm)}.sr-ai-assessment p{color:#ffffffbf;color:var(--sr-text-secondary);margin:0}.sr-ai-primary-focus{align-items:center;background:#00ffff1a;border:1px solid #0ff3;border-radius:14px;border-radius:var(--sr-radius-md);color:#0ff;color:var(--sr-primary);display:flex;gap:8px;gap:var(--sr-spacing-sm);margin-bottom:24px;margin-bottom:var(--sr-spacing-lg);padding:16px;padding:var(--sr-spacing-md)}.sr-ai-weekly-plan h4{color:#fff;color:var(--sr-text-primary);margin:0 0 16px;margin:0 0 var(--sr-spacing-md)}.sr-ai-plan-grid{grid-gap:16px;grid-gap:var(--sr-spacing-md);display:grid;gap:16px;gap:var(--sr-spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px;margin-bottom:var(--sr-spacing-lg)}.sr-ai-day-card{background:#ffffff0a;background:var(--sr-bg-card);border:1px solid #ffffff14;border:1px solid var(--sr-border);border-radius:14px;border-radius:var(--sr-radius-md);padding:16px;padding:var(--sr-spacing-md)}.sr-ai-day-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--sr-spacing-sm)}.sr-ai-day-header .day-num{color:#8b5cf6;font-weight:700}.sr-ai-day-header .day-wpm{background:#00ffff1a;border-radius:4px;color:#0ff;color:var(--sr-primary);font-size:.75rem;padding:2px 8px}.sr-ai-day-focus{color:#fff;color:var(--sr-text-primary);font-size:.875rem}.sr-ai-day-exercises,.sr-ai-day-focus{margin-bottom:8px;margin-bottom:var(--sr-spacing-sm)}.sr-ai-day-exercises{display:flex;flex-wrap:wrap;gap:4px}.sr-ai-exercise-tag{background:#8b5cf61a;border-radius:4px;color:#a78bfa;font-size:.7rem;padding:2px 6px}.sr-ai-day-duration{align-items:center;color:#ffffff80;color:var(--sr-text-muted);display:flex;font-size:.75rem;gap:4px}.sr-ai-milestones{background:#f59e0b0d;border:1px solid #f59e0b33;border-radius:18px;border-radius:var(--sr-radius-lg);margin-bottom:24px;margin-bottom:var(--sr-spacing-lg);padding:24px;padding:var(--sr-spacing-lg)}.sr-ai-milestones h4{align-items:center;color:#f59e0b;display:flex;gap:8px;gap:var(--sr-spacing-sm);margin:0 0 16px;margin:0 0 var(--sr-spacing-md)}.sr-ai-milestones ul{margin:0;padding-left:1.2rem}.sr-ai-milestones li{color:#ffffffbf;color:var(--sr-text-secondary);margin-bottom:4px}.sr-ai-predicted-progress{align-items:center;background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid #10b98133;border-radius:18px;border-radius:var(--sr-radius-lg);display:flex;gap:16px;gap:var(--sr-spacing-md);padding:24px;padding:var(--sr-spacing-lg)}.sr-ai-predicted-progress svg{color:#10b981;flex-shrink:0}.sr-ai-predicted-progress p{color:#fff;color:var(--sr-text-primary);margin:0}.sr-ai-tip-toast{align-items:center;animation:tip-appear .3s ease;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:18px;border-radius:var(--sr-radius-lg);bottom:100px;box-shadow:0 4px 20px #8b5cf666;color:#fff;display:flex;font-size:.9rem;gap:8px;gap:var(--sr-spacing-sm);padding:16px 24px;padding:var(--sr-spacing-md) var(--sr-spacing-lg);position:fixed;right:24px;z-index:35}@keyframes tip-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sr-generated-text-banner{align-items:center;animation:slide-down .3s ease;background:#0a0a0f;background:var(--sr-bg-secondary);border:1px solid #8b5cf64d;border-radius:18px;border-radius:var(--sr-radius-lg);box-shadow:0 4px 30px #0006;display:flex;gap:24px;gap:var(--sr-spacing-lg);left:50%;padding:16px 24px;padding:var(--sr-spacing-md) var(--sr-spacing-lg);position:fixed;top:80px;transform:translateX(-50%);z-index:30}@keyframes slide-down{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.sr-generated-text-content{align-items:center;display:flex;gap:16px;gap:var(--sr-spacing-md)}.sr-generated-text-content svg{color:#8b5cf6}.sr-generated-text-content strong{color:#fff;color:var(--sr-text-primary);display:block}.sr-generated-text-content span{color:#ffffff80;color:var(--sr-text-muted);font-size:.875rem}.sr-generated-text-actions{display:flex;gap:8px;gap:var(--sr-spacing-sm)}@media (max-width:640px){.sr-ai-coach-container{bottom:16px;right:16px}.sr-ai-coach-btn{height:50px;width:50px}.sr-ai-coach-panel{border-radius:24px 24px 0 0;border-radius:var(--sr-radius-xl) var(--sr-radius-xl) 0 0;bottom:0;left:0;max-height:70vh;max-width:100%;position:fixed;right:0;width:100%}.sr-ai-modal{border-radius:0;max-height:100vh;max-width:100%;width:100%}.sr-ai-insights-grid{grid-template-columns:1fr}.sr-ai-plan-grid{grid-template-columns:repeat(2,1fr)}.sr-generated-text-banner{flex-direction:column;gap:16px;gap:var(--sr-spacing-md);left:16px;right:16px;transform:none}.sr-ai-tip-toast{left:16px;right:16px}}.sr-ai-session-analysis{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f14d;border-radius:18px;border-radius:var(--sr-radius-lg);margin-top:24px;margin-top:var(--sr-spacing-lg);padding:24px;padding:var(--sr-spacing-lg)}.sr-ai-analysis-header{align-items:center;color:#0ff;color:var(--sr-primary);display:flex;font-weight:600;gap:8px;gap:var(--sr-spacing-sm);margin-bottom:16px;margin-bottom:var(--sr-spacing-md)}.sr-ai-headline{color:#ffffffb3;font-size:.95rem}.sr-ai-grade,.sr-ai-headline{margin-top:8px;margin-top:var(--sr-spacing-sm)}.sr-ai-grade{border-radius:14px;border-radius:var(--sr-radius-md);font-size:.85rem;font-weight:600;padding:4px 12px}.sr-ai-grade.grade-a{background:#22c55e33;color:#22c55e}.sr-ai-grade.grade-b{background:#3b82f633;color:#3b82f6}.sr-ai-grade.grade-c{background:#eab30833;color:#eab308}.sr-ai-grade.grade-d{background:#f9731633;color:#f97316}.sr-ai-grade.grade-f{background:#ef444433;color:#ef4444}.sr-ai-motivation{background:#ffffff0d;border-left:3px solid #0ff;border-left:3px solid var(--sr-primary);border-radius:14px;border-radius:var(--sr-radius-md);color:#ffffffe6;font-style:italic;padding:16px;padding:var(--sr-spacing-md)}.sr-ai-feedback-section,.sr-ai-motivation{margin-bottom:16px;margin-bottom:var(--sr-spacing-md)}.sr-ai-feedback-section strong{color:#ffffffe6;display:block;margin-bottom:8px;margin-bottom:var(--sr-spacing-sm)}.sr-ai-feedback-section ul{list-style:none;margin:0;padding:0}.sr-ai-feedback-section li{color:#ffffffb3;padding:4px 0;padding:var(--sr-spacing-xs) 0;padding-left:16px;padding-left:var(--sr-spacing-md);position:relative}.sr-ai-feedback-section li:before{color:#0ff;color:var(--sr-primary);content:"•";left:0;position:absolute}.sr-ai-next-session{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:14px;border-radius:var(--sr-radius-md);padding:16px;padding:var(--sr-spacing-md)}.sr-ai-next-session strong{color:#22c55e;display:block;margin-bottom:4px;margin-bottom:var(--sr-spacing-xs)}.sr-ai-next-session p{color:#fffc;margin:0}.sr-ai-focus{color:#fff9!important;font-size:.9rem;margin-top:4px!important;margin-top:var(--sr-spacing-xs)!important}.sr-ai-celebration{align-items:center;animation:celebration-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#eab30833,#f9731633);border:1px solid #eab30866;border-radius:18px;border-radius:var(--sr-radius-lg);display:flex;gap:8px;gap:var(--sr-spacing-sm);margin-top:16px;margin-top:var(--sr-spacing-md);padding:16px;padding:var(--sr-spacing-md)}@keyframes celebration-glow{0%,to{box-shadow:0 0 10px #eab3084d}50%{box-shadow:0 0 20px #eab30880}}.sr-ai-celebration svg{color:#eab308;flex-shrink:0}.sr-ai-celebration p{color:#ffffffe6;margin:0}.sr-ai-exercise-coaching{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border:1px solid #3b82f64d;border-radius:18px;border-radius:var(--sr-radius-lg);margin-top:24px;margin-top:var(--sr-spacing-lg);padding:24px;padding:var(--sr-spacing-lg)}.sr-ai-exercise-coaching-header{align-items:center;color:#3b82f6;display:flex;font-weight:600;gap:8px;gap:var(--sr-spacing-sm);margin-bottom:8px;margin-bottom:var(--sr-spacing-sm)}.sr-ai-exercise-coaching p{color:#ffffffd9;line-height:1.6;margin:0}.sr-ai-status{align-items:center;border-radius:9999px;border-radius:var(--sr-radius-full);display:flex;font-size:.8rem;gap:4px;gap:var(--sr-spacing-xs);padding:4px 10px}.sr-ai-status.connected{background:#22c55e33;color:#22c55e}.sr-ai-status.disconnected{background:#ef444433;color:#ef4444}.sr-ai-status-dot{background:currentColor;border-radius:50%;height:6px;width:6px}.sr-realtime-toggle{align-items:center;background:#ffffff0d;border-radius:14px;border-radius:var(--sr-radius-md);cursor:pointer;display:flex;gap:8px;gap:var(--sr-spacing-sm);padding:8px 16px;padding:var(--sr-spacing-sm) var(--sr-spacing-md);transition:all .2s}.sr-realtime-toggle:hover{background:#ffffff1a}.sr-realtime-toggle.active{background:#6366f133;border:1px solid #6366f166}.sr-realtime-toggle input{display:none}.sr-toggle-switch{background:#fff3;border-radius:10px;height:20px;position:relative;transition:all .2s;width:36px}.sr-realtime-toggle.active .sr-toggle-switch{background:#0ff;background:var(--sr-primary)}.sr-toggle-switch:after{background:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:all .2s;width:16px}.sr-realtime-toggle.active .sr-toggle-switch:after{left:18px}.sr-ai-challenges{background:linear-gradient(135deg,#8b5cf61a,#a855f71a);border:1px solid #8b5cf64d;border-radius:18px;border-radius:var(--sr-radius-lg);margin-bottom:24px;margin-bottom:var(--sr-spacing-lg);padding:24px;padding:var(--sr-spacing-lg)}.sr-ai-challenges-header{align-items:center;display:flex;gap:8px;gap:var(--sr-spacing-sm);margin-bottom:16px;margin-bottom:var(--sr-spacing-md)}.sr-ai-challenges-header h3{color:#a855f7;margin:0}.sr-ai-challenges-motivation{background:#ffffff0d;border-radius:14px;border-radius:var(--sr-radius-md);color:#ffffffb3;font-style:italic;margin-bottom:16px;margin-bottom:var(--sr-spacing-md);padding:8px;padding:var(--sr-spacing-sm)}.sr-ai-realtime-tip{align-items:center;animation:tip-slide-in .3s ease-out,tip-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#6366f1e6,#8b5cf6e6);border-radius:9999px;border-radius:var(--sr-radius-full);box-shadow:0 4px 20px #6366f166;color:#fff;display:flex;font-size:.9rem;gap:8px;gap:var(--sr-spacing-sm);max-width:90%;padding:8px 24px;padding:var(--sr-spacing-sm) var(--sr-spacing-lg);text-align:center}@keyframes tip-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes tip-pulse{0%,to{box-shadow:0 4px 20px #6366f166}50%{box-shadow:0 4px 30px #6366f199}}.sr-ai-wpm-recommendation{align-items:center;background:#22c55e26;border:1px solid #22c55e4d;border-radius:14px;border-radius:var(--sr-radius-md);color:#22c55e;display:flex;font-size:.85rem;gap:4px;gap:var(--sr-spacing-xs);margin-top:4px;margin-top:var(--sr-spacing-xs);padding:4px 12px}.sr-ai-wpm-recommendation.increase{border-color:#22c55e4d;color:#22c55e}.sr-ai-wpm-recommendation.decrease{background:#f9731626;border-color:#f973164d;color:#f97316}.sr-ai-wpm-recommendation.maintain{background:#3b82f626;border-color:#3b82f64d;color:#3b82f6}.sr-header-ai-status{align-items:center;background:#ffffff0d;border-radius:9999px;border-radius:var(--sr-radius-full);display:flex;font-size:.75rem;gap:4px;gap:var(--sr-spacing-xs);padding:4px 10px}.sr-header-ai-status.connected{background:#22c55e26;color:#22c55e}.sr-header-ai-status.disconnected{background:#ef444426;color:#ef4444}.sr-header-ai-status .status-dot{animation:pulse-dot 2s infinite;background:currentColor;border-radius:50%;height:6px;width:6px}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.sr-ai-powered-badge{align-items:center;background:linear-gradient(135deg,#6366f133,#8b5cf633);border:1px solid #6366f14d;border-radius:10px;border-radius:var(--sr-radius-sm);color:#0ff;color:var(--sr-primary);display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.sr-ai-powered-badge svg{height:12px;width:12px}@supports (padding:max(0px)){.speed-reading-training{padding-bottom:max(20px,env(safe-area-inset-bottom))}.speed-reading-training,.sr-header{padding-left:max(16px,env(safe-area-inset-left));padding-left:max(var(--sr-spacing-md),env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-right:max(var(--sr-spacing-md),env(safe-area-inset-right))}.sr-training-controls{padding-bottom:max(24px,env(safe-area-inset-bottom));padding-bottom:max(var(--sr-spacing-lg),env(safe-area-inset-bottom))}.sr-ai-coach-container{bottom:max(24px,calc(env(safe-area-inset-bottom) + 16px));right:max(24px,calc(env(safe-area-inset-right) + 16px))}}@media (pointer:coarse){.schulte-cell,.sr-achievement-card,.sr-btn,.sr-challenge-card,.sr-control-btn,.sr-exercise-card,.sr-mode-card,.sr-nav-item,.sr-setting-control button,.sr-technique-card,.sr-text-card{min-height:44px}.sr-setting-control button{height:44px;width:44px}.schulte-cell{min-height:44px;min-width:44px}.sr-exercises-grid,.sr-modes-grid,.sr-text-grid{gap:16px;gap:var(--sr-spacing-md)}}@media (max-width:380px){:root{--sr-spacing-md:0.75rem;--sr-spacing-lg:1rem;--sr-spacing-xl:1.5rem}.sr-header-title h1{font-size:1.1rem}.sr-header-title p{font-size:.7rem}.sr-nav-item{font-size:.8rem;padding:8px;padding:var(--sr-spacing-sm) var(--sr-spacing-sm)}.sr-nav-item svg{height:16px;width:16px}.sr-stat-value{font-size:1.25rem}.sr-hero-stats{gap:8px;gap:var(--sr-spacing-sm)}.sr-hero-stats,.sr-quick-stats{grid-template-columns:1fr 1fr}.sr-mode-icon{height:40px;width:40px}.sr-mode-content h3{font-size:.9rem}.sr-control-btn{height:48px;width:48px}.sr-control-btn.primary{height:60px;width:60px}.sr-rsvp-word{padding:16px;padding:var(--sr-spacing-md)}.sr-results-card{padding:24px;padding:var(--sr-spacing-lg)}.sr-ai-coach-btn{height:48px;width:48px}.schulte-cell{font-size:1rem}}@media (max-height:500px) and (orientation:landscape){.sr-header{padding:8px 16px;padding:var(--sr-spacing-sm) var(--sr-spacing-md);position:relative}.sr-nav{padding:4px 0;padding:var(--sr-spacing-xs) 0}.sr-nav-item{min-height:36px;padding:4px 8px;padding:var(--sr-spacing-xs) var(--sr-spacing-sm)}.sr-main{padding:8px;padding:var(--sr-spacing-sm)}.sr-rsvp-display{min-height:180px}.sr-training-controls{padding:8px;padding:var(--sr-spacing-sm)}.sr-control-btn{height:44px;width:44px}.sr-control-btn.primary{height:56px;width:56px}.sr-hero-stats{grid-template-columns:repeat(4,1fr)}.sr-ai-coach-panel{max-height:80vh}}.speed-reading-training{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.sr-training-active{overscroll-behavior-y:contain;touch-action:pan-x pan-y}.sr-ai-coach-btn:focus-visible,.sr-btn:focus-visible,.sr-control-btn:focus-visible,.sr-mode-card:focus-visible,.sr-nav-item:focus-visible,.sr-text-card:focus-visible{outline:2px solid #0ff;outline:2px solid var(--sr-primary);outline-offset:2px}.sr-ai-coach-btn:active,.sr-btn:active,.sr-control-btn:active,.sr-mode-card:active{transform:scale(.97)}.sr-control-btn.primary:active{transform:scale(.95)}.sr-skeleton{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background:linear-gradient(90deg,var(--sr-bg-card) 25%,var(--sr-bg-card-hover) 50%,var(--sr-bg-card) 75%);background-size:200% 100%;border-radius:14px;border-radius:var(--sr-radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:640px){.sr-mode-content p,.sr-technique-content p,.sr-text-card p{-webkit-font-smoothing:antialiased;line-height:1.5}.sr-results-actions{gap:16px;gap:var(--sr-spacing-md)}.sr-results-actions .sr-btn{min-height:52px;padding:16px 24px;padding:var(--sr-spacing-md) var(--sr-spacing-lg)}.sr-ai-session-analysis{padding:16px;padding:var(--sr-spacing-md)}.sr-ai-feedback-section li{font-size:.9rem;padding:8px 0;padding:var(--sr-spacing-sm) 0;padding-left:16px;padding-left:var(--sr-spacing-md)}.sr-ai-next-session{padding:16px;padding:var(--sr-spacing-md)}.sr-ai-celebration{flex-direction:column;gap:16px;gap:var(--sr-spacing-md);text-align:center}.sr-exercise-instructions{font-size:.9rem;padding:16px;padding:var(--sr-spacing-md)}.fixation-line{font-size:.9rem;padding:4px 8px;padding:var(--sr-spacing-xs) var(--sr-spacing-sm)}}@media (prefers-contrast:high){.speed-reading-training{--sr-border:#ffffff4d;--sr-text-secondary:#ffffffd9}.sr-btn,.sr-mode-card,.sr-text-card{border-width:2px}}@media (hover:none){.sr-mode-card:hover,.sr-stat-card:hover,.sr-technique-card:hover,.sr-text-card:hover{background:#ffffff0a;background:var(--sr-bg-card);border-color:#ffffff14;border-color:var(--sr-border);transform:none}.sr-btn:hover{transform:none}}.sr-ai-loading{align-items:center;color:#ffffffbf;color:var(--sr-text-secondary);display:flex;gap:8px;gap:var(--sr-spacing-sm);justify-content:center;padding:24px;padding:var(--sr-spacing-lg)}.sr-ai-loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff14;border-top-color:#0ff;border:2px solid var(--sr-border);border-radius:50%;border-top-color:var(--sr-primary);height:20px;width:20px}.sr-ai-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:14px;border-radius:var(--sr-radius-md);color:#ef4444;display:flex;font-size:.9rem;gap:8px;gap:var(--sr-spacing-sm);padding:16px;padding:var(--sr-spacing-md)}.sr-ai-error svg{flex-shrink:0}.sr-offline-banner{background:#f59e0b;background:var(--sr-warning);color:#000;color:var(--sr-bg-primary);font-size:.85rem;font-weight:600;left:0;padding:8px;padding:var(--sr-spacing-sm);position:fixed;right:0;text-align:center;top:0;z-index:50}.speed-reading-training .sr-achievements,.speed-reading-training .sr-achievements-grid,.speed-reading-training .sr-dashboard,.speed-reading-training .sr-exercises-grid,.speed-reading-training .sr-eye-training,.speed-reading-training .sr-hero-stats,.speed-reading-training .sr-main,.speed-reading-training .sr-modes-grid,.speed-reading-training .sr-quick-stats,.speed-reading-training .sr-resources,.speed-reading-training .sr-resources-grid,.speed-reading-training .sr-section,.speed-reading-training .sr-techniques,.speed-reading-training .sr-techniques-list,.speed-reading-training .sr-text-grid,.speed-reading-training .sr-training{border-radius:0!important;margin:0!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;width:100%!important}.speed-reading-training .sr-achievement-card,.speed-reading-training .sr-exercise-card,.speed-reading-training .sr-mode-card,.speed-reading-training .sr-resource-card,.speed-reading-training .sr-stat-card,.speed-reading-training .sr-technique-card,.speed-reading-training .sr-text-card{border-left:none!important;border-radius:0!important;border-right:none!important;margin-left:0!important;margin-right:0!important}:root{--otm-primary:#0ff;--otm-primary-light:#6ff;--otm-secondary:#f0f;--otm-accent:gold;--otm-success:#0f8;--otm-danger:#f44;--otm-warning:#f59e0b;--otm-bg-primary:#000;--otm-bg-secondary:#0a0a12;--otm-bg-tertiary:#111118;--otm-bg-card:#ffffff0a;--otm-bg-card-hover:#ffffff14;--otm-bg-card-active:#ffffff1f;--otm-text-primary:#fff;--otm-text-secondary:#ffffffbf;--otm-text-muted:#ffffff80;--otm-text-hint:#ffffff59;--otm-border:#ffffff14;--otm-border-hover:#ffffff26;--otm-radius-xs:6px;--otm-radius-sm:10px;--otm-radius-md:14px;--otm-radius-lg:18px;--otm-radius-xl:24px;--otm-radius-full:9999px;--otm-shadow-sm:0 1px 2px #0000004d;--otm-shadow:0 2px 8px #0006;--otm-shadow-lg:0 8px 24px #00000080;--otm-spring-bounce:cubic-bezier(0.34,1.56,0.64,1);--otm-spring-smooth:cubic-bezier(0.25,0.46,0.45,0.94);--otm-ease-out-expo:cubic-bezier(0.16,1,0.3,1);--otm-ease-in-out:cubic-bezier(0.4,0,0.2,1);--otm-spacing-xs:4px;--otm-spacing-sm:8px;--otm-spacing-md:16px;--otm-spacing-lg:24px;--otm-spacing-xl:32px;--otm-spacing-2xl:48px;--otm-touch-target:44px;--otm-touch-target-lg:52px;--otm-font-xs:11px;--otm-font-sm:13px;--otm-font-base:15px;--otm-font-md:17px;--otm-font-lg:20px;--otm-font-xl:24px;--otm-font-2xl:28px;--otm-font-3xl:34px;--otm-safe-top:env(safe-area-inset-top,0px);--otm-safe-bottom:env(safe-area-inset-bottom,20px)}.content-wrapper:has(.options-trading-mastery){margin:0!important;max-width:100%!important;padding:0!important}.options-trading-mastery{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;background:#000;background:var(--otm-bg-primary);color:#fff;color:var(--otm-text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,system-ui,sans-serif;font-size:15px;font-size:var(--otm-font-base);line-height:1.5;margin:0 -16px!important;min-height:100vh;min-height:100dvh;overflow-x:hidden;overscroll-behavior-y:contain;padding:env(safe-area-inset-top,0) 0 0;padding-bottom:calc(48px + env(safe-area-inset-bottom, 20px));padding-bottom:calc(var(--otm-spacing-2xl) + var(--otm-safe-bottom));padding-top:var(--otm-safe-top);position:relative;width:calc(100% + 32px)!important}.otm-header{background:linear-gradient(135deg,#0ff,#f0f);background:linear-gradient(135deg,var(--otm-primary),var(--otm-secondary));display:flex;flex-direction:column;gap:16px;gap:var(--otm-spacing-md);overflow:hidden;padding:24px;padding:var(--otm-spacing-lg);position:relative}.otm-header:before{background:linear-gradient(180deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.otm-title{align-items:flex-start;display:flex;gap:16px;gap:var(--otm-spacing-md);position:relative}.otm-title h1{color:#0a0a0f;font-size:24px;font-size:var(--otm-font-xl);font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0}.otm-title p{color:#000000b3;font-size:13px;font-size:var(--otm-font-sm);margin:6px 0 0}.otm-icon{align-items:center;background:#00000026;border-radius:14px;border-radius:var(--otm-radius-md);color:#0a0a0f;display:flex;flex-shrink:0;height:48px;justify-content:center;padding:8px;padding:var(--otm-spacing-sm);width:48px}.otm-progress{position:relative;width:100%}.progress-bar{background:#0003;height:12px;overflow:hidden}.progress-bar,.progress-fill{border-radius:9999px;border-radius:var(--otm-radius-full)}.progress-fill{background:#0006;height:100%;position:relative;transition:width .8s cubic-bezier(.16,1,.3,1);transition:width .8s var(--otm-ease-out-expo)}.progress-fill:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.otm-actions{display:flex;flex-wrap:wrap;gap:8px;gap:var(--otm-spacing-sm);position:relative}.ai-coach-btn{align-items:center;background:#0003;border:1px solid #0003;border-radius:9999px;border-radius:var(--otm-radius-full);color:#0a0a0f;cursor:pointer;display:flex;font-size:13px;font-size:var(--otm-font-sm);font-weight:600;gap:4px;gap:var(--otm-spacing-xs);padding:8px 16px;padding:var(--otm-spacing-sm) var(--otm-spacing-md);transition:all .2s cubic-bezier(.34,1.56,.64,1);transition:all .2s var(--otm-spring-bounce)}.ai-coach-btn:active{background:#0000004d;transform:scale(.96)}.otm-tabs{-webkit-overflow-scrolling:touch;background:#0a0a12;background:var(--otm-bg-secondary);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--otm-border);display:flex;gap:4px;gap:var(--otm-spacing-xs);overflow-x:auto;padding:4px;padding:var(--otm-spacing-xs);position:-webkit-sticky;position:sticky;scrollbar-width:none;top:0;z-index:100}.otm-tabs::-webkit-scrollbar{display:none}.otm-tab{align-items:center;background:#0000;border:none;border-radius:10px;border-radius:var(--otm-radius-sm);color:#ffffff80;color:var(--otm-text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-size:var(--otm-font-sm);font-weight:500;gap:4px;gap:var(--otm-spacing-xs);min-height:44px;min-height:var(--otm-touch-target);padding:8px 16px;padding:var(--otm-spacing-sm) var(--otm-spacing-md);transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all .2s var(--otm-spring-smooth);white-space:nowrap}.otm-tab:active{transform:scale(.96)}.otm-tab.active{background:#ffffff1f;background:var(--otm-bg-card-active);color:#0ff;color:var(--otm-primary);font-weight:600}.otm-content{padding:0 0 48px;padding-bottom:var(--otm-spacing-2xl)}@media (min-width:600px){.otm-header{padding:24px 32px;padding:var(--otm-spacing-lg) var(--otm-spacing-xl)}.otm-title h1{font-size:28px;font-size:var(--otm-font-2xl)}.otm-tabs{padding:4px 16px;padding:var(--otm-spacing-xs) var(--otm-spacing-md)}.otm-tab{font-size:15px;font-size:var(--otm-font-base);padding:8px 24px;padding:var(--otm-spacing-sm) var(--otm-spacing-lg)}}@media (min-width:900px){.otm-header{padding:32px;padding:var(--otm-spacing-xl)}.otm-title h1{font-size:34px;font-size:var(--otm-font-3xl)}.otm-tabs{overflow-x:visible;padding:8px 24px;padding:var(--otm-spacing-sm) var(--otm-spacing-lg)}.otm-content{margin:0 auto;max-width:1200px;padding:24px;padding:var(--otm-spacing-lg)}}.curriculum-view{gap:0}.curriculum-view,.day-navigation{display:flex;flex-direction:column}.day-navigation{align-items:stretch;background:#ffffff0a;background:var(--otm-bg-card);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--otm-border);gap:8px;gap:var(--otm-spacing-sm);padding:16px;padding:var(--otm-spacing-md);position:-webkit-sticky;position:sticky;top:44px;top:var(--otm-touch-target);z-index:50}.nav-btn{align-items:center;background:#ffffff14;background:var(--otm-bg-card-hover);border:1px solid #ffffff14;border:1px solid var(--otm-border);border-radius:10px;border-radius:var(--otm-radius-sm);color:#fff;color:var(--otm-text-primary);cursor:pointer;display:flex;font-size:13px;font-size:var(--otm-font-sm);font-weight:600;gap:4px;gap:var(--otm-spacing-xs);justify-content:center;min-height:44px;min-height:var(--otm-touch-target);padding:8px 16px;padding:var(--otm-spacing-sm) var(--otm-spacing-md);transition:all .2s cubic-bezier(.34,1.56,.64,1);transition:all .2s var(--otm-spring-bounce)}.nav-btn:active:not(:disabled){background:#ffffff1f;background:var(--otm-bg-card-active);transform:scale(.96)}.nav-btn:disabled{cursor:not-allowed;opacity:.4}.day-selector{width:100%}.day-selector select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#e0e0e0;font-size:14px;padding:12px 14px;width:100%}.day-selector select:focus{border-color:#0ff;border-color:var(--otm-primary);outline:none}.day-content{background:#ffffff0a;background:var(--otm-bg-card);border:none;border-radius:0;border-top:1px solid #ffffff14;border-top:1px solid var(--otm-border);display:flex;flex-direction:column;gap:16px;gap:var(--otm-spacing-md);margin:0;padding:16px;padding:var(--otm-spacing-md)}.day-content,.day-header{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--otm-border)}.day-header{padding-bottom:16px;padding-bottom:var(--otm-spacing-md)}.day-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--otm-spacing-sm);margin-bottom:8px;margin-bottom:var(--otm-spacing-sm)}.day-category{background:linear-gradient(135deg,#0ff,#f0f);background:linear-gradient(135deg,var(--otm-primary),var(--otm-secondary));border-radius:9999px;border-radius:var(--otm-radius-full);color:#0a0a0f;font-size:11px;font-size:var(--otm-font-xs);font-weight:600;letter-spacing:.5px;padding:4px 8px;padding:var(--otm-spacing-xs) var(--otm-spacing-sm);text-transform:uppercase}.day-duration{align-items:center;color:#ffffff80;color:var(--otm-text-muted);display:flex;font-size:13px;font-size:var(--otm-font-sm);gap:4px;gap:var(--otm-spacing-xs)}.day-content h2{font-size:20px;font-size:var(--otm-font-lg);font-weight:700}.day-content h2,.day-objectives h3{color:#fff;color:var(--otm-text-primary);margin:0 0 8px;margin:0 0 var(--otm-spacing-sm) 0}.day-objectives h3{font-size:15px;font-size:var(--otm-font-base);font-weight:600}.day-objectives ul{flex-direction:column;list-style:none;margin:0;padding:0}.day-objectives li,.day-objectives ul{display:flex;gap:8px;gap:var(--otm-spacing-sm)}.day-objectives li{align-items:flex-start;color:#ffffffbf;color:var(--otm-text-secondary);font-size:13px;font-size:var(--otm-font-sm);line-height:1.5}.day-objectives li svg{color:#0f8;flex-shrink:0;margin-top:2px}@media (min-width:600px){.day-navigation{align-items:center;flex-direction:row;justify-content:space-between;padding:16px 24px;padding:var(--otm-spacing-md) var(--otm-spacing-lg)}.day-selector{flex:1 1;max-width:320px;width:auto}.day-content{border:1px solid #ffffff14;border:1px solid var(--otm-border);border-radius:14px;border-radius:var(--otm-radius-md);margin:16px;margin:var(--otm-spacing-md);padding:24px;padding:var(--otm-spacing-lg)}.day-content h2{font-size:24px;font-size:var(--otm-font-xl)}}@media (min-width:900px){.day-navigation{padding:16px 32px;padding:var(--otm-spacing-md) var(--otm-spacing-xl)}.day-content{border-radius:18px;border-radius:var(--otm-radius-lg);margin:24px;margin:var(--otm-spacing-lg);padding:32px;padding:var(--otm-spacing-xl)}.day-content h2{font-size:28px;font-size:var(--otm-font-2xl)}}.day-theory{background:#111118;background:var(--otm-bg-tertiary);border:none;border-radius:0;border-top:1px solid #ffffff14;border-top:1px solid var(--otm-border);margin:0 -16px;margin:0 calc(var(--otm-spacing-md)*-1);padding:16px;padding:var(--otm-spacing-md);width:calc(100% + 32px);width:calc(100% + var(--otm-spacing-md)*2)}.day-theory h3{color:#0ff;color:var(--otm-primary);font-size:17px;font-size:var(--otm-font-md);font-weight:600;margin:0 0 8px;margin:0 0 var(--otm-spacing-sm) 0}.day-theory h4{color:#f0f;color:var(--otm-secondary);font-size:15px;font-size:var(--otm-font-base);font-weight:600;margin:16px 0 8px;margin:var(--otm-spacing-md) 0 var(--otm-spacing-sm) 0}.day-theory p{color:#ffffffbf;color:var(--otm-text-secondary);font-size:13px;font-size:var(--otm-font-sm);line-height:1.6}.day-theory p,.day-theory ul{margin:0 0 8px;margin:0 0 var(--otm-spacing-sm) 0}.day-theory ul{padding-left:24px;padding-left:var(--otm-spacing-lg)}.day-theory li{color:#ffffffbf;color:var(--otm-text-secondary);font-size:13px;font-size:var(--otm-font-sm);line-height:1.5;margin-bottom:4px;margin-bottom:var(--otm-spacing-xs)}.day-theory table{-webkit-overflow-scrolling:touch;background:#ffffff0a;background:var(--otm-bg-card);border-collapse:collapse;border-radius:10px;border-radius:var(--otm-radius-sm);display:block;margin:8px 0;margin:var(--otm-spacing-sm) 0;overflow:hidden;overflow-x:auto;width:100%}.day-theory td,.day-theory th{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--otm-border);font-size:11px;font-size:var(--otm-font-xs);padding:8px;padding:var(--otm-spacing-sm);text-align:left;white-space:nowrap}.day-theory th{background:#ffffff0d;color:#0ff;font-weight:600}.day-theory td{color:silver}.day-exercises{background:#ffffff03;border:1px solid #ffffff0d;border-radius:10px;padding:16px}.day-exercises h3{color:#0ff;font-size:18px;font-weight:600;margin:0 0 16px}.exercise-card{background:#ffffff05;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:14px;padding:16px}@media (min-width:600px){.day-exercises,.day-theory{border-radius:12px;padding:20px}.day-exercises h3,.day-theory h3{font-size:20px;margin-bottom:16px}.day-theory table{display:table}.day-theory td,.day-theory th{font-size:14px;padding:12px 16px;white-space:normal}.exercise-card{padding:20px}}@media (min-width:900px){.day-exercises,.day-theory{padding:24px}.day-theory h4{font-size:16px;margin:20px 0 12px}}.exercise-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.exercise-type{background:linear-gradient(135deg,#f0f,#0ff);border-radius:6px;color:#0a0a0f;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.exercise-title{color:#fff;color:var(--otm-text-primary);font-size:13px;font-size:var(--otm-font-sm);font-weight:500}.quiz-options{display:flex;flex-direction:column;gap:8px;gap:var(--otm-spacing-sm)}.quiz-option{align-items:center;background:#ffffff0a;background:var(--otm-bg-card);border:1px solid #ffffff14;border:1px solid var(--otm-border);border-radius:14px;border-radius:var(--otm-radius-md);color:#ffffffbf;color:var(--otm-text-secondary);cursor:pointer;display:flex;font-size:13px;font-size:var(--otm-font-sm);line-height:1.5;min-height:44px;min-height:var(--otm-touch-target);padding:16px;padding:var(--otm-spacing-md);text-align:left;transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all .2s var(--otm-spring-smooth)}.quiz-option:active{transform:scale(.98)}.quiz-option.selected{background:#00ffff1a;border-color:#0ff;border-color:var(--otm-primary);color:#fff;color:var(--otm-text-primary)}.quiz-option.correct{background:#00ff8826;border-color:#0f8;border-color:var(--otm-success);color:#fff;color:var(--otm-text-primary)}.quiz-option.incorrect{background:#ff444426;border-color:#f44;border-color:var(--otm-danger);color:#fff;color:var(--otm-text-primary)}.quiz-explanation{background:#111118;background:var(--otm-bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--otm-border);border-radius:14px;border-radius:var(--otm-radius-md);color:#ffffffbf;color:var(--otm-text-secondary);font-size:13px;font-size:var(--otm-font-sm);line-height:1.6;margin-top:8px;margin-top:var(--otm-spacing-sm);padding:16px;padding:var(--otm-spacing-md)}.quiz-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--otm-spacing-sm);margin-top:16px;margin-top:var(--otm-spacing-md)}.quiz-submit-btn{background:linear-gradient(135deg,#0ff,#f0f);border:none;border-radius:8px;color:#0a0a0f;cursor:pointer;font-size:14px;font-weight:700;padding:10px 14px}.quiz-submit-btn:disabled{cursor:not-allowed;opacity:.5}.quiz-reset-btn{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;color:#e0e0e0;cursor:pointer;font-size:14px;padding:10px 14px}.quiz-reset-btn:disabled{cursor:not-allowed;opacity:.5}.quiz-summary{flex-wrap:wrap;gap:10px;justify-content:space-between;width:100%}.exercise-btn,.quiz-summary{align-items:center;display:flex;font-size:14px}.exercise-btn{background:linear-gradient(135deg,#0ff,#f0f);border:none;border-radius:8px;color:#0a0a0f;cursor:pointer;font-weight:600;gap:8px;padding:12px 18px;transition:all .3s ease}.exercise-btn:hover{box-shadow:0 8px 25px #00ffff4d;transform:translateY(-2px)}.day-actions{border-top:1px solid #ffffff1a;padding-top:18px}.complete-day-btn,.day-actions{display:flex;justify-content:center}.complete-day-btn{align-items:center;background:linear-gradient(135deg,#0f8,#0ff);border:none;border-radius:10px;color:#0a0a0f;cursor:pointer;font-size:15px;font-weight:600;gap:8px;padding:14px 24px;transition:all .3s ease;width:100%}.complete-day-btn:hover:not(:disabled){box-shadow:0 12px 30px #0f86;transform:translateY(-2px)}.complete-day-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (min-width:600px){.exercise-type{font-size:12px}.complete-day-btn{border-radius:12px;font-size:16px;padding:16px 32px;width:auto}}.simulator-view{background:#ffffff05;border:1px solid #ffffff1a;border-radius:14px;padding:18px}.simulator-view h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;margin:0 0 18px}.scenario-selection{display:flex;flex-direction:column;gap:14px}.scenario-card{background:#ffffff05;border:1px solid #ffffff1a;border-radius:10px;padding:18px;transition:all .3s ease}.scenario-card:hover{border-color:#0ff;transform:translateY(-2px)}.scenario-card h4{color:#e0e0e0;font-size:16px;font-weight:600;margin:0 0 8px}.scenario-card p{color:#a0a0b0;font-size:14px;line-height:1.5;margin:0 0 14px}.start-scenario-btn{align-items:center;background:linear-gradient(135deg,#0ff,#f0f);border:none;border-radius:8px;color:#0a0a0f;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 18px;transition:all .3s ease;width:100%}.start-scenario-btn:hover{box-shadow:0 8px 25px #00ffff4d;transform:translateY(-2px)}.active-simulation{gap:18px}.active-simulation,.sim-header{display:flex;flex-direction:column}.sim-header{border-bottom:1px solid #ffffff1a;gap:12px;padding-bottom:14px}.sim-header h3{color:#e0e0e0;font-size:18px;font-weight:600;margin:0}.sim-stats{display:flex;flex-wrap:wrap;gap:16px}.stat{align-items:center;color:#a0a0b0;display:flex;font-size:13px;gap:6px}.sim-content{display:flex;flex-direction:column;gap:16px}.position-info,.scenario-info{background:#ffffff05;border:1px solid #ffffff1a;border-radius:10px;padding:16px}.position-info h4,.scenario-info h4{color:#0ff;font-size:15px;font-weight:600;margin:0 0 10px}.position-details p,.scenario-info p{color:silver;font-size:14px;line-height:1.5;margin:0 0 8px}.action-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}.action-buttons button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#e0e0e0;cursor:pointer;flex:1 1 auto;font-size:14px;font-weight:500;min-width:100px;padding:12px 20px;transition:all .3s ease}.action-buttons button:hover{background:#ffffff1a;border-color:#0ff}.reset-sim-btn{align-items:center;align-self:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#e0e0e0;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 18px;transition:all .3s ease}.reset-sim-btn:hover{background:#ffffff1a;border-color:#f44;color:#f66}@media (min-width:600px){.simulator-view{border-radius:16px;padding:24px}.simulator-view h2{font-size:22px;margin-bottom:22px}.scenario-selection{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}.sim-header{align-items:center;flex-direction:row;justify-content:space-between}.sim-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.action-buttons button{flex:0 0 auto}}@media (min-width:900px){.simulator-view{padding:32px}.simulator-view h2{font-size:24px;margin-bottom:24px}.scenario-selection{gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.scenario-card{border-radius:12px;padding:24px}.scenario-card h4{font-size:18px}.position-info,.scenario-info{border-radius:12px;padding:20px}.position-info h4,.scenario-info h4{font-size:16px;margin-bottom:12px}.sim-content{gap:24px}}.journal-view{background:#000;background:var(--otm-bg-primary);border:none;border-radius:0;padding:0}.journal-view h2{background:#0a0a12;background:var(--otm-bg-secondary);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--otm-border);color:#fff;color:var(--otm-text-primary);font-size:20px;font-size:var(--otm-font-lg);font-weight:700;margin:0;padding:16px;padding:var(--otm-spacing-md)}.journal-layout{display:flex;flex-direction:column;gap:0}.journal-compose,.journal-entries{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--otm-border);padding:16px;padding:var(--otm-spacing-md)}.journal-compose h3,.journal-entries h3{color:#fff;color:var(--otm-text-primary);font-size:15px;font-size:var(--otm-font-base);margin:0 0 8px;margin:0 0 var(--otm-spacing-sm) 0}.journal-actions{display:flex;justify-content:flex-end;margin-bottom:8px;margin-bottom:var(--otm-spacing-sm)}.journal-template-btn{background:#ffffff0a;background:var(--otm-bg-card);border:1px solid #ffffff14;border:1px solid var(--otm-border);border-radius:9999px;border-radius:var(--otm-radius-full);color:#fff;color:var(--otm-text-primary);cursor:pointer;font-size:13px;font-size:var(--otm-font-sm);min-height:44px;min-height:var(--otm-touch-target);padding:8px 16px;padding:var(--otm-spacing-sm) var(--otm-spacing-md);transition:all .2s cubic-bezier(.34,1.56,.64,1);transition:all .2s var(--otm-spring-bounce)}.journal-template-btn:active{transform:scale(.96)}.journal-form{gap:16px;gap:var(--otm-spacing-md)}.journal-form,.journal-form label{display:flex;flex-direction:column}.journal-form label{color:#ffffffbf;color:var(--otm-text-secondary);font-size:13px;font-size:var(--otm-font-sm);gap:4px;gap:var(--otm-spacing-xs)}.journal-form input,.journal-form select,.journal-form textarea{background:#ffffff0a;background:var(--otm-bg-card);border:1px solid #ffffff14;border:1px solid var(--otm-border);border-radius:10px;border-radius:var(--otm-radius-sm);color:#fff;color:var(--otm-text-primary);font-size:15px;font-size:var(--otm-font-base);min-height:44px;min-height:var(--otm-touch-target);padding:8px 16px;padding:var(--otm-spacing-sm) var(--otm-spacing-md)}.journal-form input:focus,.journal-form select:focus,.journal-form textarea:focus{border-color:#0ff;border-color:var(--otm-primary);box-shadow:0 0 0 3px #00ffff1a;outline:none}.journal-form textarea{min-height:100px;resize:vertical}.journal-row{display:flex;flex-direction:column;gap:8px;gap:var(--otm-spacing-sm)}.journal-save-btn{background:linear-gradient(135deg,#0f8,#0ff);background:linear-gradient(135deg,var(--otm-success),var(--otm-primary));border:none;border-radius:14px;border-radius:var(--otm-radius-md);color:#0a0a0f;cursor:pointer;font-size:15px;font-size:var(--otm-font-base);font-weight:700;margin-top:8px;margin-top:var(--otm-spacing-sm);min-height:44px;min-height:var(--otm-touch-target);padding:16px;padding:var(--otm-spacing-md);transition:all .2s cubic-bezier(.34,1.56,.64,1);transition:all .2s var(--otm-spring-bounce)}.journal-save-btn:active:not(:disabled){transform:scale(.98)}.journal-save-btn:disabled{cursor:not-allowed;opacity:.5}.journal-entries-list{display:flex;flex-direction:column;gap:8px;gap:var(--otm-spacing-sm)}.journal-entry-card{background:#ffffff0a;background:var(--otm-bg-card);border:1px solid #ffffff14;border:1px solid var(--otm-border);border-radius:14px;border-radius:var(--otm-radius-md);padding:16px;padding:var(--otm-spacing-md)}.journal-entry-header{align-items:flex-start;display:flex;gap:8px;gap:var(--otm-spacing-sm);justify-content:space-between;margin-bottom:8px;margin-bottom:var(--otm-spacing-sm)}.journal-entry-meta{color:#ffffff80;color:var(--otm-text-muted);font-size:11px;font-size:var(--otm-font-xs);margin-top:4px;margin-top:var(--otm-spacing-xs)}.journal-delete-btn{align-items:center;background:#ffffff14;background:var(--otm-bg-card-hover);border:1px solid #ffffff14;border:1px solid var(--otm-border);border-radius:10px;border-radius:var(--otm-radius-sm);color:#ffffffbf;color:var(--otm-text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:44px;min-height:var(--otm-touch-target);min-width:44px;min-width:var(--otm-touch-target);padding:8px;padding:var(--otm-spacing-sm);transition:all .2s cubic-bezier(.34,1.56,.64,1);transition:all .2s var(--otm-spring-bounce)}.journal-delete-btn:active{background:#f443;transform:scale(.94)}.journal-entry-section{margin:8px 0;margin:var(--otm-spacing-sm) 0}.journal-entry-label{color:#ffffff80;color:var(--otm-text-muted);font-size:11px;font-size:var(--otm-font-xs);margin-bottom:4px;margin-bottom:var(--otm-spacing-xs)}.journal-entry-text{line-height:1.6}.journal-entry-pre,.journal-entry-text{color:#ffffffbf;color:var(--otm-text-secondary);font-size:13px;font-size:var(--otm-font-sm)}.journal-entry-pre{background:#111118;background:var(--otm-bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--otm-border);border-radius:14px;border-radius:var(--otm-radius-md);font-family:SF Mono,Menlo,monospace;margin:8px 0 0;margin:var(--otm-spacing-sm) 0 0 0;overflow-x:auto;padding:16px;padding:var(--otm-spacing-md);white-space:pre-wrap}@media (min-width:600px){.journal-view{border-radius:16px;padding:24px}.journal-view h2{font-size:22px;margin-bottom:22px}.journal-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.journal-entry-meta{font-size:12px}.journal-entry-text{font-size:14px}}@media (min-width:900px){.journal-view{padding:32px}.journal-view h2{font-size:24px;margin-bottom:24px}.journal-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.journal-compose h3,.journal-entries h3{font-size:16px}.journal-entry-card{border-radius:12px}}.empty-state{color:#a0a0b0;padding:32px 16px;text-align:center}.empty-state svg{color:#666;margin-bottom:14px}.empty-state p{font-size:14px;margin:6px 0}.tools-view{background:#ffffff05;border:1px solid #ffffff1a;border-radius:14px;padding:18px}.tools-view h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;margin:0 0 18px}.tools-grid{display:flex;flex-direction:column;gap:14px}.tool-card{background:#ffffff05;border:1px solid #ffffff1a;border-radius:10px;padding:18px;text-align:center;transition:all .3s ease}.tool-card:hover{border-color:#0ff;transform:translateY(-2px)}.tool-card svg{color:#0ff;margin-bottom:14px}.tool-card h3{color:#e0e0e0;font-size:16px;font-weight:600;margin:0 0 8px}.tool-card p{color:#a0a0b0;font-size:13px;line-height:1.5;margin:0}.tool-form{grid-gap:10px;display:grid;gap:10px;margin-top:14px;text-align:left}.tool-form label{grid-gap:6px;color:#a0a0b0;display:grid;font-size:12px;gap:6px}.tool-form input,.tool-form select{background:#00000040;border:1px solid #ffffff1f;border-radius:10px;color:#e0e0e0;font-size:14px;outline:none;padding:10px 12px;width:100%}.tool-form input:focus,.tool-form select:focus{border-color:#0ff9}.tool-result{background:#00ffff0f;border:1px solid #00ffff2e;border-radius:10px;color:#e0e0e0;font-size:13px;line-height:1.5;margin-top:8px;padding:10px 12px}@media (min-width:600px){.tools-view{border-radius:16px;padding:24px}.tools-view h2{font-size:22px;margin-bottom:22px}.tools-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}.tool-card{padding:22px}.tool-card h3{font-size:17px}}@media (min-width:900px){.tools-view{padding:32px}.tools-view h2{font-size:24px;margin-bottom:24px}.tools-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tool-card{border-radius:12px;padding:24px}.tool-card h3{font-size:18px}.tool-card p{font-size:14px}}.resources-view{background:#ffffff05;border:1px solid #ffffff1a;border-radius:14px;padding:18px}.resources-view h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ff,#f0f);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;margin:0 0 18px}.resources-sections{display:flex;flex-direction:column;gap:16px}.resource-section{background:#ffffff05;border:1px solid #ffffff1a;border-radius:10px;padding:18px}@media (min-width:600px){.resources-view{border-radius:16px;padding:24px}.resources-view h2{font-size:22px;margin-bottom:22px}.resources-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.resource-section{padding:22px}}@media (min-width:900px){.resources-view{padding:32px}.resources-view h2{font-size:24px;margin-bottom:24px}.resources-sections{gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.resource-section{border-radius:12px;padding:24px}}.resource-section h3{color:#0ff;font-size:16px;font-weight:600;margin:0 0 14px}.resource-section ul{list-style:none;margin:0;padding:0}.resource-section li{margin-bottom:10px}.resource-section a{color:silver;font-size:14px;text-decoration:none;transition:color .3s ease}.resource-section a:hover{color:#0ff}.ai-coach-panel{animation:slideInFromRight .35s cubic-bezier(.16,1,.3,1);animation:slideInFromRight .35s var(--otm-ease-out-expo);background:#000;background:var(--otm-bg-primary);display:flex;flex-direction:column;height:100vh;height:100dvh;position:fixed;right:0;top:0;width:100%;z-index:1000}@keyframes slideInFromRight{0%{opacity:.8;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.coach-header{background:#0a0a12;background:var(--otm-bg-secondary);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--otm-border);justify-content:space-between;padding:16px;padding:var(--otm-spacing-md);padding-top:calc(16px + env(safe-area-inset-top, 0px));padding-top:calc(var(--otm-spacing-md) + var(--otm-safe-top))}.coach-header,.coach-title{align-items:center;display:flex}.coach-title{gap:8px;gap:var(--otm-spacing-sm)}.coach-title h3{color:#fff;color:var(--otm-text-primary);font-size:17px;font-size:var(--otm-font-md);font-weight:600;margin:0}.coach-title svg{color:#0ff;color:var(--otm-primary)}.coach-header button{align-items:center;background:#ffffff0a;background:var(--otm-bg-card);border:1px solid #ffffff14;border:1px solid var(--otm-border);border-radius:10px;border-radius:var(--otm-radius-sm);color:#ffffffbf;color:var(--otm-text-secondary);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-height:var(--otm-touch-target);min-width:44px;min-width:var(--otm-touch-target);padding:8px;padding:var(--otm-spacing-sm);transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all .2s var(--otm-spring-smooth)}.coach-header button:active{background:#ffffff1f;background:var(--otm-bg-card-active);transform:scale(.94)}.coach-messages{-webkit-overflow-scrolling:touch;flex:1 1;gap:16px;gap:var(--otm-spacing-md);overflow-y:auto;overscroll-behavior-y:contain;padding:16px;padding:var(--otm-spacing-md)}.coach-messages,.message{display:flex;flex-direction:column}.message{gap:4px;gap:var(--otm-spacing-xs)}.message.ai{align-items:flex-start}.message.user{align-items:flex-end}.message-content{background:#ffffff0a;background:var(--otm-bg-card);border:1px solid #ffffff14;border:1px solid var(--otm-border);border-radius:18px;border-radius:var(--otm-radius-lg);color:#ffffffbf;color:var(--otm-text-secondary);font-size:13px;font-size:var(--otm-font-sm);line-height:1.6;max-width:88%;padding:8px 16px;padding:var(--otm-spacing-sm) var(--otm-spacing-md)}.message.ai .message-content{background:linear-gradient(135deg,#00ffff14,#ff00ff14);border-bottom-left-radius:6px;border-bottom-left-radius:var(--otm-radius-xs);border-color:#0ff3}.message.user .message-content{background:linear-gradient(135deg,#0ff,#f0f);background:linear-gradient(135deg,var(--otm-primary),var(--otm-secondary));border:none;border-bottom-right-radius:6px;border-bottom-right-radius:var(--otm-radius-xs);color:#0a0a0f}.message.loading .message-content{align-items:center;display:flex;gap:8px;gap:var(--otm-spacing-sm)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.message-time{color:#ffffff59;color:var(--otm-text-hint);font-size:11px;font-size:var(--otm-font-xs);padding:0 16px;padding:0 var(--otm-spacing-md)}.coach-input{background:#0a0a12;background:var(--otm-bg-secondary);border-top:1px solid #ffffff14;border-top:1px solid var(--otm-border);display:flex;gap:8px;gap:var(--otm-spacing-sm);padding:16px;padding:var(--otm-spacing-md);padding-bottom:calc(16px + env(safe-area-inset-bottom, 20px));padding-bottom:calc(var(--otm-spacing-md) + var(--otm-safe-bottom))}.coach-input input{background:#ffffff0a;background:var(--otm-bg-card);border:1px solid #ffffff14;border:1px solid var(--otm-border);border-radius:9999px;border-radius:var(--otm-radius-full);color:#fff;color:var(--otm-text-primary);flex:1 1;font-size:15px;font-size:var(--otm-font-base);min-height:44px;min-height:var(--otm-touch-target);padding:8px 16px;padding:var(--otm-spacing-sm) var(--otm-spacing-md)}.coach-input input::placeholder{color:#ffffff59;color:var(--otm-text-hint)}.coach-input input:focus{border-color:#0ff;border-color:var(--otm-primary);box-shadow:0 0 0 3px #00ffff1a;outline:none}.coach-input button{align-items:center;background:linear-gradient(135deg,#0ff,#f0f);background:linear-gradient(135deg,var(--otm-primary),var(--otm-secondary));border:none;border-radius:9999px;border-radius:var(--otm-radius-full);color:#0a0a0f;cursor:pointer;display:flex;justify-content:center;min-height:44px;min-height:var(--otm-touch-target);min-width:44px;min-width:var(--otm-touch-target);padding:8px 16px;padding:var(--otm-spacing-sm) var(--otm-spacing-md);transition:all .2s cubic-bezier(.34,1.56,.64,1);transition:all .2s var(--otm-spring-bounce)}.coach-input button:active{transform:scale(.94)}.coach-input button:disabled{cursor:not-allowed;opacity:.5}@media (min-width:600px){.ai-coach-panel{border-left:1px solid #ffffff14;border-left:1px solid var(--otm-border);box-shadow:-8px 0 32px #00000080;width:380px}.coach-header{padding:24px;padding:var(--otm-spacing-lg);padding-top:24px;padding-top:var(--otm-spacing-lg)}.coach-messages{padding:24px;padding:var(--otm-spacing-lg)}.message-content{max-width:85%}.coach-input{padding:24px;padding:var(--otm-spacing-lg);padding-bottom:24px;padding-bottom:var(--otm-spacing-lg)}}@media (min-width:900px){.ai-coach-panel{width:420px}.coach-title h3{font-size:20px;font-size:var(--otm-font-lg)}.coach-messages{padding:24px}.message-content{border-radius:12px;max-width:80%}.coach-input{padding:24px}}.day-quiz{background:#ffffff03;border:1px solid #ffffff0d;border-radius:10px;margin-top:18px;padding:16px}.quiz-card{background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:14px;padding:16px}.quiz-question{color:#e0e0e0;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:14px}.day-resources{background:#ffffff03;border:1px solid #ffffff0d;border-radius:10px;margin-top:18px;padding:16px}.resources-list{display:flex;flex-direction:column;gap:10px}.resource-link{align-items:center;background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;color:#e0e0e0;display:flex;font-size:14px;gap:10px;padding:14px;text-decoration:none;transition:all .3s ease}.resource-link:hover{background:#ffffff0d;border-color:#0ff;transform:translateX(4px)}.priority-badge{background:linear-gradient(135deg,#0ff,#f0f);border-radius:4px;color:#0a0a0f;font-size:9px;font-weight:600;margin-left:6px;padding:2px 6px;text-transform:uppercase}.broker-info{background:#00ffff0d;border:2px solid #00ffff4d;border-radius:10px;margin-top:14px;padding:18px}.cta-button{background:linear-gradient(135deg,#0ff,#f0f);border-radius:8px;color:#0a0a0f;display:inline-block;font-size:14px;font-weight:600;margin-top:14px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.risk-rules-display{display:flex;flex-direction:column;gap:12px;margin-top:14px}.rule-box{background:#ffffff05;border:1px solid #ffffff1a;border-radius:10px;padding:16px}.rule-box.critical{background:#ff00660d;border-color:#f06}.strategy-matrix table{-webkit-overflow-scrolling:touch;background:#ffffff05;border-collapse:collapse;border-radius:10px;display:block;overflow-x:auto;width:100%}.concept-box{background:#ffffff05;border:1px solid #ffffff1a;border-radius:10px;margin-top:14px;padding:18px}.concept-box.call-option{border-left:4px solid #0f8}.concept-box.put-option{border-left:4px solid #f06}.important-note{background:linear-gradient(135deg,#ff00661a,#ff00ff1a);border:2px solid #ff00664d;border-radius:10px;margin:24px 0;padding:18px}@media (min-width:600px){.day-quiz,.day-resources{border-radius:12px;margin-top:22px;padding:20px}.quiz-card{margin-bottom:16px;padding:20px}.quiz-question{font-size:15px;margin-bottom:16px}.resources-list{gap:12px}.resource-link{gap:12px;padding:16px}.priority-badge{font-size:10px;margin-left:8px;padding:2px 8px}.risk-rules-display{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.broker-info,.concept-box{padding:22px}.important-note{margin:28px 0;padding:22px}}@media (min-width:900px){.day-quiz,.day-resources{margin-top:24px;padding:24px}.quiz-question{font-size:16px}.risk-rules-display{gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.rule-box{border-radius:12px;padding:20px}.broker-info,.concept-box{border-radius:12px;padding:24px}.strategy-matrix table{border-radius:12px;display:table}.important-note{border-radius:12px;margin:32px 0;padding:24px}}:root{--sidebar-width:280px;--sidebar-collapsed-width:70px;--mobile-header-height:60px;--primary-bg:#0a0a0f;--sidebar-bg:linear-gradient(180deg,#12121a,#1a1a28);--accent-cyan:#0ff;--accent-magenta:#f0f;--accent-purple:#a78bfa;--text-primary:#e0e0e0;--text-secondary:#a0a0b0;--border-color:#ffffff0d}.everything-container{background-color:#0a0a0f;background-color:var(--primary-bg);color:#e0e0e0;color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh;min-height:-webkit-fill-available}.mobile-header{align-items:center;background:linear-gradient(180deg,#12121a,#1a1a28);background:var(--sidebar-bg);border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border-color);display:flex;height:60px;height:var(--mobile-header-height);justify-content:space-between;padding:0 16px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.mobile-back-btn,.mobile-menu-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#0ff;color:var(--accent-cyan);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.mobile-back-btn:hover,.mobile-menu-btn:hover{background:#00ffff1a}.mobile-title{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:8px}.mobile-title svg{color:#0ff;color:var(--accent-cyan)}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:90}.mobile-overlay.open{opacity:1;visibility:visible}.sidebar{-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#12121a,#1a1a28);background:var(--sidebar-bg);border-right:1px solid #ffffff0d;border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;left:0;max-width:320px;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:85%;z-index:100}.sidebar.open{transform:translateX(0)}.sidebar-header{border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border-color);justify-content:space-between;min-height:72px;padding:20px}.logo,.sidebar-header{align-items:center;display:flex}.logo{gap:12px}.logo-icon{color:#0ff;color:var(--accent-cyan)}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ff,#f0f);background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.close-mobile-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#e0e0e0;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-mobile-btn:hover{background:#ff44441a;color:#ff6b6b}.collapse-btn{display:none}.user-info{border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border-color);gap:12px;padding:20px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#0ff,#f0f);background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));border-radius:50%;color:#0a0a0f;color:var(--primary-bg);flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.user-details{flex:1 1;min-width:0}.user-name{color:#fff;font-size:15px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#a0a0b0;color:var(--text-secondary);font-size:13px;text-transform:capitalize}.nav{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:16px 12px}.nav-button{align-items:center;background:#0000;border:none;border-radius:10px;color:#a0a0b0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;min-height:48px;padding:14px 16px;text-align:left;transition:all .2s ease;width:100%}.nav-button:hover{background:#ffffff0d;color:#fff}.nav-button.active{background:#00ffff1a;box-shadow:0 0 20px #0ff3;color:#0ff;color:var(--accent-cyan)}.nav-button.highlight{background:linear-gradient(135deg,#667eea4d,#764ba24d);border:1px solid #667eea80;color:#a78bfa;color:var(--accent-purple)}.nav-button.highlight.active{background:linear-gradient(135deg,#667eea80,#764ba280);box-shadow:0 0 25px #667eea66}.nav-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.highlight-icon{color:gold;flex-shrink:0}.sidebar-footer{border-top:1px solid #ffffff0d;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:16px 12px}.action-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#e0e0e0;color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;min-height:48px;padding:14px 16px;transition:all .2s ease}.action-button:hover{background:#ffffff1a}.action-button.admin{background:#667eea1a;border-color:#667eea4d;color:#a8c0ff}.action-button.admin:hover{background:#667eea33}.action-button.logout{background:#ff44441a;border-color:#f443;color:#ff6b6b}.action-button.logout:hover{background:#f443}.main-content{background:#0a0a0f;background:var(--primary-bg);flex:1 1;min-height:0;overflow-y:auto}.content-wrapper{margin:0 auto;max-width:1600px;padding:16px}@media (min-width:768px){.everything-container{flex-direction:row}.mobile-header,.mobile-overlay{display:none}.sidebar{max-width:none;position:relative;width:280px;width:var(--sidebar-width)}.sidebar,.sidebar.open{transform:none}.close-mobile-btn{display:none}.collapse-btn.desktop-only{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#0ff;color:var(--accent-cyan);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.collapse-btn.desktop-only:hover{background:#00ffff1a}.collapse-btn.desktop-only svg{transition:transform .3s ease}.collapse-btn.desktop-only svg.rotated{transform:rotate(180deg)}.sidebar.collapsed{width:70px;width:var(--sidebar-collapsed-width)}.sidebar.collapsed .action-button span,.sidebar.collapsed .highlight-icon,.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-text,.sidebar.collapsed .user-details{display:none}.sidebar.collapsed .action-button,.sidebar.collapsed .nav-button{justify-content:center;padding:14px}.sidebar.collapsed .sidebar-header,.sidebar.collapsed .user-info{justify-content:center;padding:16px}.sidebar.collapsed .logo{justify-content:center}.sidebar.collapsed .collapse-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.content-wrapper{padding:24px}}@media (min-width:1024px){.content-wrapper{padding:32px}}@media (min-width:1400px){.content-wrapper{padding:40px}}@media (min-width:1920px){.sidebar{width:320px}.content-wrapper{max-width:1800px;padding:48px}}@media (max-width:374px){.mobile-header{padding:0 12px}.mobile-title{font-size:14px}.mobile-back-btn,.mobile-menu-btn{height:40px;width:40px}.nav-button{font-size:14px;padding:12px 14px}.content-wrapper{padding:12px}}@media (max-width:767px) and (orientation:landscape){.mobile-header{height:50px}.sidebar{max-width:280px;width:50%}.user-info{padding:12px 16px}.nav{padding:12px}.nav-button{min-height:40px;padding:10px 14px}}@media (hover:none) and (pointer:coarse){.action-button,.mobile-back-btn,.mobile-menu-btn,.nav-button{min-height:48px}.action-button:active,.nav-button:active{transform:scale(.98)}}@media (prefers-reduced-motion:reduce){.action-button,.mobile-overlay,.nav-button,.sidebar{transition:none}}@media (prefers-color-scheme:dark){.everything-container{color-scheme:dark}}@supports (padding:max(0px)){.mobile-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.sidebar{padding-bottom:env(safe-area-inset-bottom)}.content-wrapper{padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}@media print{.mobile-header,.mobile-overlay,.sidebar{display:none!important}.main-content{margin:0;padding:0}.everything-container{display:block}}
/*# sourceMappingURL=main.2989ad62.css.map*/