:root{--bg-color:#080c14;--card-bg:#11182773;--card-border:#ffffff0f;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--primary-glow:linear-gradient(135deg, #06b6d4 0%, #8b5cf6 100%);--secondary-glow:linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);--accent-cyan:#06b6d4;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-green:#10b981;--accent-yellow:#f59e0b;--font-title:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--shadow-glow:0 8px 32px 0 #0000005e;--shadow-accent:0 0 20px #06b6d426}:root.light{--bg-color:#f1f5f9;--card-bg:#ffffffbf;--card-border:#0f172a14;--text-primary:#0f172a;--text-secondary:#475569;--shadow-glow:0 8px 32px 0 #0f172a0f;--shadow-accent:0 4px 20px #06b6d41a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.02em;font-weight:700}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);box-shadow:var(--shadow-glow);transition:var(--transition-smooth);border-radius:16px;padding:24px}.glass-card:hover{border-color:#06b6d433;transform:translateY(-2px)}:root.light .glass-card:hover{border-color:#06b6d426;box-shadow:0 10px 25px #0000000d}mark.highlight-mark{color:inherit;background:linear-gradient(120deg,#06b6d440 0%,#8b5cf640 100%);border:1px solid #06b6d466;border-radius:4px;padding:2px 6px;font-weight:600;box-shadow:0 0 8px #06b6d426}.highlight-circle{border:2px solid var(--accent-cyan);color:#06b6d4;background:#06b6d414;border-radius:12px;margin:2px;padding:2px 10px;font-weight:600;display:inline-block;box-shadow:0 0 10px #06b6d433}:root.light .highlight-circle{color:#0891b2;background:#06b6d41a}.highlight-square{border:2px solid var(--accent-purple);color:#a78bfa;background:#8b5cf614;border-radius:4px;margin:2px;padding:2px 10px;font-weight:600;display:inline-block;box-shadow:0 0 10px #8b5cf633}:root.light .highlight-square{color:#7c3aed;background:#8b5cf61a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar{border-radius:16px;justify-content:space-between;align-items:center;max-width:1200px;margin:20px auto 0;padding:14px 24px;display:flex}.nav-brand{cursor:pointer;align-items:center;gap:12px;display:flex}.brand-logo{font-size:2rem}.brand-text{flex-direction:column;display:flex}.brand-name{font-family:var(--font-title);letter-spacing:-.02em;color:#fff;background:linear-gradient(90deg,#06b6d4,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.4rem;font-weight:850}.brand-tagline{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:600}.nav-menu{gap:10px;display:none}@media (width>=768px){.nav-menu{display:flex}}.nav-link{color:var(--text-secondary);font-family:var(--font-title);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:.95rem;font-weight:600}.nav-link:hover{color:var(--text-primary);background:#ffffff0a}.nav-link.active{color:#fff;background:var(--primary-glow);box-shadow:0 4px 12px #06b6d433}.nav-actions{align-items:center;gap:10px;display:flex}.icon-btn{border:1px solid var(--card-border);width:42px;height:42px;color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#ffffff1a}.app-container{max-width:1200px;margin:24px auto 80px;padding:0 16px}.view-section{display:none}.view-section.active{display:block}.landing-hero{text-align:center;max-width:800px;margin:0 auto;padding:60px 20px}.landing-hero h1{background:linear-gradient(135deg,#fff 40%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:3rem;line-height:1.15}@media (width>=768px){.landing-hero h1{font-size:3.8rem}}.landing-hero p{color:var(--text-secondary);margin-bottom:32px;font-size:1.2rem;line-height:1.6}.cta-group{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.landing-features{grid-template-columns:1fr;gap:24px;margin-top:40px;display:grid}@media (width>=768px){.landing-features{grid-template-columns:1fr 1fr}}.feat-card{text-align:left}.feat-icon{margin-bottom:16px;font-size:2.2rem}.feat-card h3{color:#fff;margin-bottom:8px;font-size:1.35rem}.feat-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.dashboard-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.dashboard-grid{grid-template-columns:8fr 4fr}}.dashboard-main{flex-direction:column;gap:24px;display:flex}.stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat-item{text-align:center;padding:16px}.stat-val{font-size:1.8rem;font-weight:800;font-family:var(--font-title);background:var(--primary-glow);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:.75rem;font-weight:600}.dashboard-actions{grid-template-columns:1fr 1fr;gap:16px;display:grid}.action-card{cursor:pointer;flex-direction:column;align-items:flex-start;gap:12px;display:flex}.action-card h3{color:#fff;font-size:1.2rem}.action-card p{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem}.gen-layout{max-width:700px;margin:0 auto}.gen-box{margin-bottom:30px}.settings-layout{flex-direction:column;gap:24px;max-width:600px;margin:0 auto;display:flex}.settings-card h3{color:#fff;border-bottom:1px solid #ffffff0d;margin-bottom:16px;padding-bottom:8px}.status-badge{border-radius:99px;align-items:center;gap:6px;margin-top:10px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.status-badge.connected{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.status-badge.disconnected{color:#f43f5e;background:#f43f5e1a;border:1px solid #f43f5e33}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.mcqs-list{flex-direction:column;gap:24px;display:flex}.mcq-card{border-bottom:1px solid #ffffff0d;padding-bottom:24px}.mcq-card:last-child{border-bottom:none;padding-bottom:0}.mcq-question{color:#fff;margin-bottom:14px;font-size:1.1rem}.mcq-options{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=576px){.mcq-options{grid-template-columns:1fr 1fr}}.mcq-option{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:14px 18px;font-size:.95rem;font-weight:500}.mcq-option:hover{border-color:var(--accent-cyan);background:#ffffff14;transform:translate(2px)}.mcq-option.correct{font-weight:600;border-color:var(--accent-green)!important;color:#34d399!important;background:#10b98126!important}.mcq-option.incorrect{border-color:var(--accent-pink)!important;color:#f43f5e!important;background:#f43f5e26!important}.mcq-explanation{border-left:4px solid var(--accent-cyan);color:var(--text-secondary);background:#06b6d40d;border-radius:0 8px 8px 0;margin-top:15px;padding:14px;font-size:.95rem;animation:.4s forwards fadeIn;display:none}.flashcard-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px;display:grid}.flashcard-card{perspective:1000px;cursor:pointer;height:180px}.flashcard-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flashcard-card.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;border:1px solid var(--card-border);width:100%;height:100%;box-shadow:var(--shadow-glow);font-family:var(--font-title);border-radius:16px;justify-content:center;align-items:center;padding:24px;font-size:1.05rem;font-weight:500;display:flex;position:absolute}.flashcard-front{background:var(--card-bg);color:var(--text-primary)}.flashcard-back{color:#fff;background:linear-gradient(135deg,#06b6d426 0%,#8b5cf626 100%);transform:rotateY(180deg)}.form-group{text-align:left;flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}input[type=text],input[type=url]{border:1px solid var(--card-border);color:#fff;transition:var(--transition-smooth);background:#0003;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:1rem}input[type=text]:focus,input[type=url]:focus{border-color:var(--accent-cyan);outline:none;box-shadow:0 0 12px #06b6d440}:root.light input[type=text],:root.light input[type=url]{color:#0f172a;background:#fff}.primary-btn{background:var(--primary-glow);color:#fff;font-family:var(--font-title);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #06b6d440}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d466}.secondary-btn{border:1px solid var(--card-border);color:var(--text-primary);font-family:var(--font-title);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0a;border-radius:10px;padding:12px 24px;font-weight:700}.secondary-btn:hover{background:#ffffff14}.history-layout{flex-direction:column;gap:16px;display:flex}.history-header-actions{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.history-items-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=768px){.history-items-grid{grid-template-columns:1fr 1fr}}.history-card{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.history-card:hover{border-color:#06b6d44d}.history-item-details{text-align:left;flex-direction:column;gap:4px;display:flex;overflow:hidden}.history-item-topic{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:700;overflow:hidden}:root.light .history-item-topic{color:#0f172a}.history-item-meta{color:var(--text-secondary);font-size:.8rem}.history-item-badge{text-transform:uppercase;color:var(--accent-cyan);background:#06b6d41a;border:1px solid #06b6d433;border-radius:6px;padding:4px 8px;font-size:.7rem;font-weight:700}.history-item-badge.long{color:var(--accent-purple);background:#8b5cf61a;border:1px solid #8b5cf633}.delete-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.delete-btn:hover{color:var(--accent-pink);background:#f43f5e1a}.delete-btn svg{width:18px;height:18px}:root.light .brand-name{background:linear-gradient(90deg,#0891b2,#7c3aed);-webkit-background-clip:text}:root.light h1,:root.light h2,:root.light h3,:root.light h4,:root.light h5,:root.light h6{color:#0f172a}.loader-spinner{border:4px solid #06b6d41a;border-top:4px solid var(--accent-cyan);border-radius:50%;width:54px;height:54px;margin-bottom:24px;animation:1s cubic-bezier(.55,.055,.675,.19) infinite spin;box-shadow:0 0 15px #06b6d426}.hidden{display:none!important}.highlight-box{border-left:4px solid var(--accent-cyan);color:var(--text-primary);background:#06b6d40a;border-radius:0 8px 8px 0;margin:14px 0;padding:14px 18px;font-size:.95rem;line-height:1.6}:root.light .highlight-box{background:#06b6d40d}.highlight-badge{background:var(--primary-glow);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:99px;margin:2px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-block;box-shadow:0 2px 6px #06b6d433}.notes-bullet-line{align-items:flex-start;gap:10px;margin:8px 0;line-height:1.6;display:flex}.bullet-dot{background:var(--accent-cyan);width:8px;height:8px;box-shadow:0 0 6px var(--accent-cyan);border-radius:50%;flex-shrink:0;margin-top:8px}.notes-number-line{align-items:flex-start;gap:10px;margin:10px 0;line-height:1.6;display:flex}.bullet-num{background:var(--accent-purple);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:3px;font-size:.75rem;font-weight:700;display:inline-flex}.notes-container{max-width:1200px;margin:0 auto;padding:20px 0}.notes-header{text-align:center;background:linear-gradient(135deg,#161c2db3 0%,#06b6d40d 100%);border-bottom:2px solid #ffffff0d;margin-bottom:30px}.header-badge{background:var(--primary-glow);text-transform:uppercase;letter-spacing:.05em;color:#fff;border-radius:99px;margin-bottom:12px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-block}.tagline{color:var(--text-secondary);font-size:1rem}.notes-grid{grid-template-columns:1fr;gap:30px;display:grid}@media (width>=992px){.notes-grid{grid-template-columns:8fr 4fr}}.notes-main{flex-direction:column;gap:30px;display:flex}.notes-sidebar{flex-direction:column;gap:35px;display:flex}.section{position:relative}.section-title{color:#fff;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:10px;font-size:1.5rem;display:flex}.icon{width:24px;height:24px;color:var(--accent-cyan)}.mindmap-container{background:#0003;border:1px dashed #ffffff1a;border-radius:12px;justify-content:center;align-items:center;padding:20px;display:flex;overflow-x:auto}.steps-list{flex-direction:column;gap:25px;display:flex}.step-card{transition:var(--transition-smooth)}.step-card:hover{border-color:#06b6d44d}.step-header{align-items:center;gap:15px;margin-bottom:15px;display:flex}.step-number{background:var(--primary-glow);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 0 10px #06b6d44d}.step-card h3{color:#fff;font-size:1.3rem}.step-explanation{color:var(--text-secondary);margin-bottom:20px;font-size:1.05rem;line-height:1.7}.step-diagram-wrapper{background:#00000026;border:1px solid #ffffff0d;border-radius:12px;padding:20px}.step-diagram-wrapper h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.95rem}.video-grid{grid-template-columns:1fr;gap:20px;margin-top:15px;display:grid}.video-item{background:#0003;border:1px solid #ffffff0d;border-radius:12px;overflow:hidden}.video-embed{height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-embed iframe{width:100%;height:100%;position:absolute;top:0;left:0}.video-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;padding:10px 12px;font-size:.85rem;font-weight:500;overflow:hidden}.references-list{flex-direction:column;gap:15px;margin-top:15px;display:flex}.ref-item{border-bottom:1px solid #ffffff0d;padding-bottom:12px}.ref-item:last-child{border-bottom:none;padding-bottom:0}.ref-title{color:var(--accent-cyan);transition:var(--transition-smooth);align-items:center;gap:6px;margin-bottom:5px;font-size:.95rem;font-weight:600;text-decoration:none;display:flex}.ref-title:hover{color:#fff}.link-icon{width:14px;height:14px}.ref-snippet{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.mermaid-diagram{background:0 0;justify-content:center;width:100%;display:flex;overflow-x:auto}.kroki-diagram,.mermaid-diagram{max-width:100%;display:block;overflow-x:auto}.kroki-diagram svg,.mermaid-diagram svg{max-width:100%!important;height:auto!important}@media (width<=767px){.nav-menu{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--card-border);z-index:1000;background:#080c14f2;justify-content:space-around;gap:8px;padding:10px 16px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0006;display:flex!important}:root.light .nav-menu{background:#f1f5f9f2}.nav-link{padding:8px 12px;font-size:.8rem}body{padding-bottom:75px}.stats-grid{gap:12px;grid-template-columns:1fr!important}.dashboard-actions{grid-template-columns:1fr!important}.landing-hero h1{font-size:2.2rem}}