@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Sinhala:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:#0a0d14;--bg-alt:#060810;--surface:#111520;--surface-elevated:#181d2e;--surface-hover:#1e2438;--surface-glass:#111520b3;--border:#ffffff14;--border-active:#ffffff2e;--accent:#6c47ff;--accent-2:#8b5cf6;--accent-hover:#5b38ed;--accent-light:#6c47ff1f;--accent-secondary:#22d3ee;--accent-warm:#f59e0b;--text-primary:#f1f3f9;--text-secondary:#8892b0;--text-muted:#4a5174;--text-on-accent:#fff;--success:#10b981;--success-light:#10b9811a;--warning:#f59e0b;--error:#ef4444;--error-light:#ef44441a;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 16px #0009;--shadow-lg:0 12px 40px #000000b3;--shadow-glow:0 0 24px #6c47ff4d;--shadow-card:0 2px 8px #0006, 0 0 0 1px #ffffff0d;--grad-accent:linear-gradient(135deg, #6c47ff 0%, #22d3ee 100%);--grad-warm:linear-gradient(135deg, #6c47ff 0%, #f59e0b 100%);--grad-hero:radial-gradient(ellipse 80% 50% at 50% 0%, #6c47ff33 0%, transparent 70%);--grad-card:linear-gradient(145deg, #ffffff0a 0%, #ffffff03 100%);--sidebar-width:370px;--header-height:62px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px}[data-theme=light]{--bg:#f1f5f9;--bg-alt:#e2e8f0;--surface:#fff;--surface-elevated:#f8fafc;--surface-hover:#f1f5f9;--surface-glass:#ffffffd9;--border:#0f172a14;--border-active:#6c47ff40;--accent:#4f46e5;--accent-2:#6366f1;--accent-hover:#4338ca;--accent-light:#4f46e514;--accent-secondary:#0ea5e9;--accent-warm:#d97706;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-on-accent:#fff;--success:#0d9488;--success-light:#0d948814;--warning:#d97706;--error:#e11d48;--error-light:#e11d4814;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a0f;--shadow-lg:0 12px 32px #0f172a17;--shadow-glow:0 0 24px #4f46e526;--shadow-card:0 2px 8px #0f172a0a, 0 0 0 1px #0f172a08;--grad-accent:linear-gradient(135deg, #4f46e5 0%, #0ea5e9 100%);--grad-warm:linear-gradient(135deg, #4f46e5 0%, #d97706 100%);--grad-hero:radial-gradient(ellipse 80% 50% at 50% 0%, #4f46e514 0%, transparent 70%);--grad-card:linear-gradient(145deg, #fff 0%, #f8fafc 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,Inter,Noto Sans Sinhala,system-ui,sans-serif;line-height:1.6;transition:background .3s,color .3s}:lang(si),.si{font-family:Noto Sans Sinhala,system-ui,sans-serif}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-active);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{flex-direction:column;height:100%;display:flex;overflow:hidden}.app-body{flex:1;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border);background:var(--surface-elevated);flex-shrink:0;transition:background .3s,border-color .3s;overflow-y:auto}.main-area{background:var(--bg);flex-direction:column;flex:1;transition:background .3s;display:flex;overflow:hidden}@media (width<=768px){.app-body{flex-direction:column}.app-body.mobile-selection-active .sidebar{border-bottom:none;border-right:none;flex-direction:column;width:100%;height:100%;max-height:100%;display:flex;overflow:hidden}.app-body.mobile-selection-active .main-area,.app-body.mobile-chat-active .sidebar{display:none}.app-body.mobile-chat-active .main-area{width:100%;height:100%;display:flex}}.app-header{height:var(--header-height);background:var(--surface-glass);border-bottom:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(20px);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 1.5rem;transition:background .3s,border-color .3s;display:flex;position:relative}.app-header:after{content:"";background:var(--grad-accent);opacity:.3;height:1px;position:absolute;bottom:0;left:0;right:0}.header-brand{cursor:pointer;border-radius:var(--radius-md);align-items:center;gap:.75rem;margin:-.4rem -.7rem;padding:.4rem .7rem;text-decoration:none;transition:background .2s;display:flex}.header-brand:hover{background:var(--surface-elevated)}.brand-logo{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.brand-logo--img{background:0 0}.brand-logo-img{object-fit:contain;border-radius:var(--radius-sm);width:100%;height:100%}.brand-logo--text{background:var(--grad-accent);flex-direction:column;gap:0;line-height:1}.brand-logo-text{color:#fff;letter-spacing:.05em;font-family:Plus Jakarta Sans,sans-serif;font-size:.55rem;font-weight:800}.brand-logo-si{color:#ffffffe6;font-family:Noto Sans Sinhala,sans-serif;font-size:.6rem;font-weight:700}.brand-name{color:var(--text-primary);letter-spacing:-.025em;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:800;transition:color .3s}.brand-tagline{color:var(--text-muted);font-family:Noto Sans Sinhala,sans-serif;font-size:.68rem;font-weight:400;transition:color .3s}.header-actions{align-items:center;gap:.5rem;display:flex}.icon-btn{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:.48rem .55rem;line-height:1;transition:all .2s;display:flex}.icon-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);box-shadow:var(--shadow-glow)}.reset-btn{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;letter-spacing:.01em;padding:.45rem 1rem;font-family:Plus Jakarta Sans,inherit;font-size:.78rem;font-weight:600;transition:all .2s}.reset-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.home-page{scroll-behavior:smooth;background:var(--bg);flex:1;overflow-y:auto}.hero{text-align:center;border-bottom:1px solid var(--border);flex-direction:column;align-items:center;padding:6rem 2rem 5rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#6c47ff26 0%,#0000 70%);width:700px;height:700px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#22d3ee14 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:-100px;right:10%}[data-theme=light] .hero:before{background:radial-gradient(circle,#5b21b614 0%,#0000 70%)}[data-theme=light] .hero:after{background:radial-gradient(circle,#0891b20f 0%,#0000 70%)}.hero-badge{z-index:1;background:var(--accent-light);color:var(--accent-2);border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;border:1px solid #6c47ff40;align-items:center;gap:.4rem;margin-bottom:1.75rem;padding:.4rem 1rem;font-size:.78rem;font-weight:700;display:inline-flex;position:relative}[data-theme=light] .hero-badge{color:var(--accent);border-color:#5b21b633}.hero-title{z-index:1;letter-spacing:-.04em;margin-bottom:1.5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(3.2rem,9vw,5.5rem);font-weight:800;line-height:1.05;position:relative}.hero-title-ai{background:var(--grad-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-title-potha{color:var(--text-primary);font-family:Noto Sans Sinhala,sans-serif}.hero-sub{z-index:1;color:var(--text-secondary);max-width:500px;margin-bottom:.75rem;font-size:1.1rem;line-height:1.75;position:relative}.hero-sub strong{color:var(--text-primary);font-weight:700}.hero-si{z-index:1;color:var(--text-muted);max-width:460px;margin-bottom:2.75rem;font-family:Noto Sans Sinhala,sans-serif;font-size:.88rem;line-height:1.9;position:relative}.hero-cta{z-index:1;background:var(--grad-accent);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;align-items:center;gap:.65rem;margin-bottom:2.25rem;padding:.9rem 2.25rem;font-family:Noto Sans Sinhala,Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700;transition:all .25s;display:inline-flex;position:relative;box-shadow:0 8px 30px #6c47ff66}.hero-cta:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 14px 40px #6c47ff8c}.cta-arrow{font-size:1.1em;transition:transform .25s;display:inline-block}.hero-cta:hover .cta-arrow{transform:translate(5px)}.hero-tags{z-index:1;flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex;position:relative}.hero-tag{background:var(--surface-elevated);border:1px solid var(--border-active);color:var(--text-secondary);border-radius:var(--radius-full);letter-spacing:.01em;padding:.32rem .85rem;font-size:.73rem;font-weight:600;transition:all .2s}.hero-tag:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.hero-tag.soon{color:var(--accent-secondary);background:#22d3ee0f;border-color:#22d3ee4d}.section{width:100%;max-width:960px;margin:0 auto;padding:5rem 2rem}.section-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2);margin-bottom:.6rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem;font-weight:700}.section-title{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:.75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:800;line-height:1.2}.section-desc{color:var(--text-secondary);max-width:560px;margin-bottom:3rem;font-size:1rem;line-height:1.7}.what-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (width<=640px){.what-grid{grid-template-columns:1fr}}.what-card{background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2rem;transition:all .25s}.what-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.what-card--yes{background:linear-gradient(145deg, var(--success-light) 0%, var(--grad-card));border-color:#10b98140}.what-card--no{background:linear-gradient(145deg, var(--error-light) 0%, var(--grad-card));border-color:#ef444433}[data-theme=light] .what-card--yes{background:linear-gradient(145deg,#0596690d 0%,#fff 100%);border-color:#05966933}[data-theme=light] .what-card--no{background:linear-gradient(145deg,#dc26260a 0%,#fff 100%);border-color:#dc262626}.what-card-icon{margin-bottom:1rem;font-size:2rem;display:block}.what-card h3{color:var(--text-primary);margin-bottom:1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700}.what-card ul{flex-direction:column;gap:.6rem;padding:0;list-style:none;display:flex}.what-card li{color:var(--text-secondary);align-items:flex-start;gap:.5rem;font-size:.88rem;line-height:1.55;display:flex}.what-card li:before{content:"·";color:var(--accent);flex-shrink:0;margin-top:-.05em;font-size:1.1em;font-weight:800}.what-card li strong{color:var(--text-primary);font-weight:600}.features-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.1rem;display:grid}.feature-card{background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.75rem;transition:all .25s;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--grad-accent);opacity:0;height:2px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.feature-card:hover{box-shadow:var(--shadow-md), var(--shadow-glow);border-color:#6c47ff4d;transform:translateY(-3px)}.feature-card:hover:before{opacity:1}[data-theme=light] .feature-card{background:var(--grad-card)}[data-theme=light] .feature-card:hover{box-shadow:var(--shadow-md);border-color:#5b21b640}.feature-icon-wrap{border-radius:var(--radius-sm);background:var(--accent-light);border:1px solid #6c47ff33;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1.1rem;font-size:1.4rem;display:flex}[data-theme=light] .feature-icon-wrap{background:#5b21b612;border-color:#5b21b626}.feature-title{color:var(--text-primary);margin-bottom:.2rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:700}.feature-title-si{color:var(--accent-2);margin-bottom:.7rem;font-family:Noto Sans Sinhala,sans-serif;font-size:.74rem;font-weight:500}[data-theme=light] .feature-title-si{color:var(--accent)}.feature-desc{color:var(--text-secondary);font-size:.84rem;line-height:1.65}.steps-flow{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));align-items:stretch;gap:1rem;display:grid}.flow-step{background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-direction:column;gap:.6rem;padding:1.25rem;transition:all .2s;display:flex}.flow-step:hover{border-color:#6c47ff4d;transform:translateY(-2px)}[data-theme=light] .flow-step{background:var(--grad-card)}.flow-num{border-radius:var(--radius-sm);background:var(--grad-accent);color:#fff;letter-spacing:.02em;justify-content:center;align-items:center;width:32px;height:32px;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem;font-weight:800;display:flex}.flow-label{color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:.83rem;font-weight:700;line-height:1.3}.flow-si{color:var(--text-muted);font-family:Noto Sans Sinhala,sans-serif;font-size:.73rem;line-height:1.4}.stats-strip{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:2.5rem 2rem}.stats-inner{flex-wrap:wrap;justify-content:center;gap:4rem;max-width:960px;margin:0 auto;display:flex}.stat-item{text-align:center}.stat-value{background:var(--grad-accent);-webkit-text-fill-color:transparent;letter-spacing:-.04em;-webkit-background-clip:text;background-clip:text;margin-bottom:.3rem;font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);font-size:.8rem;font-weight:500}.cta-section{background:var(--surface);border-top:1px solid var(--border);text-align:center;position:relative;overflow:hidden;max-width:100%!important;padding:5rem 2rem!important}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#6c47ff1f 0%,#0000 65%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=light] .cta-section{background:linear-gradient(180deg, #fff 0%, var(--bg) 100%)}[data-theme=light] .cta-section:before{background:radial-gradient(circle,#5b21b612 0%,#0000 65%)}.cta-section h2{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.75rem;font-family:Noto Sans Sinhala,Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:800;position:relative}.cta-section p{color:var(--text-secondary);margin-bottom:2.25rem;font-size:1rem;position:relative}@media (width<=640px){.section{padding:3.5rem 1.25rem}.section-title{font-size:1.6rem}.hero{padding:4rem 1.25rem 3.5rem}.stats-inner{gap:2rem}.steps-flow{grid-template-columns:1fr 1fr}}.selection-panel{background:var(--surface-elevated);flex-direction:column;height:100%;display:flex}.panel-header{border-bottom:1px solid var(--border);background:var(--surface-elevated);flex-shrink:0;padding:1.1rem 1.1rem .9rem}.panel-header-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.panel-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.15rem;font-family:Noto Sans Sinhala,Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:700}.panel-sub{color:var(--text-muted);font-family:Noto Sans Sinhala,sans-serif;font-size:.72rem}.go-to-chat-btn{display:none}@media (width<=768px){.go-to-chat-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.3rem;padding:.45rem .85rem;font-family:Noto Sans Sinhala,sans-serif;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.go-to-chat-btn:hover{background:var(--accent-hover)}}.steps-list{flex-direction:column;flex:1;gap:.45rem;min-height:0;padding:.75rem;display:flex;overflow-y:auto}.step-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-shrink:0;transition:border-color .2s,box-shadow .2s,background .2s;overflow:hidden}[data-theme=light] .step-card{background:#fff;box-shadow:0 1px 3px #0f172a0a}.step-card.active{border-color:var(--border-active)}.step-card.done{background:var(--surface);border-color:#6c47ff4d}[data-theme=light] .step-card.done{background:#fff;border-color:#4f46e533}.step-card.locked{opacity:.45;pointer-events:none}.step-header{align-items:center;gap:.65rem;padding:.7rem .85rem;display:flex}.step-badge{border-radius:var(--radius-xs);border:1.5px solid var(--border-active);background:var(--surface);width:26px;height:26px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-family:Plus Jakarta Sans,sans-serif;font-size:.68rem;font-weight:800;transition:all .2s;display:flex}.step-badge.active{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.step-badge.done{background:var(--grad-accent);color:#fff;border-color:#0000}.step-titles{flex-direction:column;flex:1;gap:.05rem;display:flex}.step-label{color:var(--text-primary);letter-spacing:-.01em;font-family:Noto Sans Sinhala,Plus Jakarta Sans,sans-serif;font-size:.82rem;font-weight:700}.step-label-en{color:var(--text-muted);font-family:Plus Jakarta Sans,sans-serif;font-size:.66rem}.optional-tag{color:var(--accent-secondary)}.step-body{padding:0 .85rem .85rem}.opt-wrap{flex-wrap:wrap;gap:.4rem;display:flex}.opt-chip{background:var(--surface);border:1px solid var(--border-active);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.3rem;padding:.38rem .75rem;font-family:Noto Sans Sinhala,Plus Jakarta Sans,sans-serif;font-size:.78rem;font-weight:500;transition:all .18s;display:flex}[data-theme=light] .opt-chip{background:var(--bg);border-color:var(--border-active)}.opt-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.opt-chip.selected{background:var(--grad-accent);color:#fff;border-color:#0000;font-weight:700;box-shadow:0 2px 8px #6c47ff59}.chip-icon{font-size:.9rem}.opt-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:.4rem;display:grid}.opt-grade{background:var(--surface);border:1px solid var(--border-active);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex-direction:column;align-items:center;gap:.1rem;padding:.55rem .3rem;font-family:Plus Jakarta Sans,sans-serif;transition:all .18s;display:flex}[data-theme=light] .opt-grade{background:var(--bg)}.opt-grade:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.opt-grade.selected{background:var(--grad-accent);color:#fff;border-color:#0000;box-shadow:0 2px 8px #6c47ff59}.grade-num{font-size:1.15rem;font-weight:800;line-height:1}.grade-label{opacity:.75;text-align:center;letter-spacing:-.01em;font-size:.57rem;font-weight:600}.lesson-list{flex-direction:column;gap:.3rem;max-height:230px;display:flex;overflow-y:auto}.lesson-row{background:var(--surface);border:1px solid var(--border-active);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;font-family:Noto Sans Sinhala,Plus Jakarta Sans,sans-serif;font-size:.77rem;font-weight:500;line-height:1.5;transition:all .15s;display:flex}[data-theme=light] .lesson-row{background:var(--bg)}.lesson-row:hover{border-color:var(--accent);color:var(--text-primary);background:var(--accent-light)}.lesson-row.selected{background:var(--accent-light);border-color:var(--accent);color:var(--accent);font-weight:700}[data-theme=light] .lesson-row.selected{color:var(--accent);background:#5b21b612}.lesson-row--all{font-weight:600}.lesson-icon{flex-shrink:0;margin-top:1px;font-size:.85rem}.lesson-num{border-radius:var(--radius-xs);background:var(--surface-elevated);border:1px solid var(--border-active);width:18px;height:18px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-family:Plus Jakarta Sans,sans-serif;font-size:.62rem;font-weight:800;display:flex}.lesson-row.selected .lesson-num{background:var(--grad-accent);color:#fff;border-color:#0000}.lesson-label{flex:1}.step-hint{color:var(--text-muted);font-family:Noto Sans Sinhala,sans-serif;font-size:.74rem;font-style:italic}.chat-panel{background:var(--bg);flex-direction:column;height:100%;display:flex}.chat-panel--locked{background:var(--bg);justify-content:center;align-items:center;padding:2rem}.locked-msg{text-align:center;max-width:300px}.locked-icon{margin-bottom:1.25rem;font-size:3rem;animation:3.5s ease-in-out infinite float;display:block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.locked-msg h3{color:var(--text-primary);margin:0 0 .6rem;font-family:Noto Sans Sinhala,Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:700}.locked-msg p{color:var(--text-secondary);font-family:Noto Sans Sinhala,sans-serif;font-size:.87rem;line-height:1.75}.context-badge{background:var(--surface);border-bottom:1px solid var(--border);color:var(--text-secondary);letter-spacing:.01em;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-family:Noto Sans Sinhala,Plus Jakarta Sans,sans-serif;font-size:.77rem;font-weight:600;transition:background .3s;display:flex}[data-theme=light] .context-badge{background:var(--surface);border-bottom-color:var(--border)}.context-badge-info,.context-badge-actions{align-items:center;gap:.5rem;display:flex}.view-pdf-btn{background:var(--success,#22c55e);color:#fff;border-radius:var(--radius-sm);cursor:pointer;opacity:.9;border:none;align-items:center;gap:.3rem;padding:.28rem .75rem;font-family:Noto Sans Sinhala,Plus Jakarta Sans,sans-serif;font-size:.72rem;font-weight:700;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-flex}.view-pdf-btn:hover{opacity:1;transform:translateY(-1px)}.change-selection-btn{display:none}@media (width<=768px){.context-badge{padding:.55rem .85rem}.view-pdf-btn{padding:.25rem .55rem;font-size:.65rem}.change-selection-btn{background:var(--accent-light);border:1px solid var(--border-active);color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;outline:none;align-items:center;gap:.3rem;padding:.28rem .65rem;font-family:Noto Sans Sinhala,sans-serif;font-size:.68rem;font-weight:700;transition:all .15s;display:inline-flex}.change-selection-btn:hover{background:var(--accent);color:#fff;border-color:#0000}}.context-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 8px var(--success);border-radius:50%;flex-shrink:0;animation:2.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.messages-area{scroll-behavior:smooth;flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.empty-chat{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:3.5rem 1rem;display:flex}.empty-icon{opacity:.45;filter:grayscale(.3);margin-bottom:.5rem;font-size:2.5rem}.empty-chat p{font-family:Noto Sans Sinhala,sans-serif;font-size:.9rem;line-height:1.7}.empty-hint{color:var(--text-muted);font-size:.8rem!important}.message{align-items:flex-start;gap:.75rem;animation:.28s cubic-bezier(.22,1,.36,1) msg-in;display:flex}@keyframes msg-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.message--user{flex-direction:row-reverse}.message-avatar{filter:drop-shadow(0 2px 4px #0003);flex-shrink:0;margin-top:4px;font-size:1.25rem}.message-bubble{border-radius:var(--radius-md);max-width:76%;padding:.9rem 1.1rem;font-size:.9rem;line-height:1.8;transition:background .3s}.message--user .message-bubble{background:var(--grad-accent);color:#fff;border-bottom-right-radius:4px;font-family:Noto Sans Sinhala,sans-serif;box-shadow:0 4px 16px #6c47ff4d}.message--assistant .message-bubble{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);box-shadow:var(--shadow-card);border-bottom-left-radius:4px}[data-theme=light] .message--assistant .message-bubble{border-color:var(--border);background:#fff;box-shadow:0 2px 8px #3c325a12}.message--assistant .message-bubble p{margin:.45rem 0;font-family:Noto Sans Sinhala,Inter,sans-serif}.message--assistant .message-bubble h1,.message--assistant .message-bubble h2,.message--assistant .message-bubble h3,.message--assistant .message-bubble h4{color:var(--text-primary);letter-spacing:-.01em;margin:.9rem 0 .45rem;font-family:Plus Jakarta Sans,Noto Sans Sinhala,sans-serif;font-size:.97rem;font-weight:700}.message--assistant .message-bubble ul,.message--assistant .message-bubble ol{margin:.5rem 0;padding-left:1.25rem}.message--assistant .message-bubble li{margin:.3rem 0;font-family:Noto Sans Sinhala,Inter,sans-serif;line-height:1.65}.message--assistant .message-bubble strong{color:var(--accent-2);font-weight:700}[data-theme=light] .message--assistant .message-bubble strong{color:var(--accent)}.message--assistant .message-bubble em{color:var(--text-secondary)}.message--assistant .message-bubble blockquote{border-left:3px solid var(--accent);color:var(--text-secondary);background:var(--accent-light);border-radius:0 var(--radius-xs) var(--radius-xs) 0;margin:.6rem 0;padding:.4rem .75rem;font-style:italic}.message--assistant .message-bubble code{background:var(--surface-elevated);border:1px solid var(--border-active);border-radius:var(--radius-xs);color:var(--accent-secondary);padding:.1em .4em;font-family:Consolas,Courier New,monospace;font-size:.84em}.message--assistant .message-bubble table{border-collapse:collapse;border-radius:var(--radius-sm);border:1px solid var(--border-active);width:100%;margin:1rem 0;font-size:.83rem;display:table;overflow:hidden}.message--assistant .message-bubble thead{background:var(--accent-light)}[data-theme=light] .message--assistant .message-bubble thead{background:#5b21b612}.message--assistant .message-bubble th{border:1px solid var(--border-active);text-align:left;color:var(--accent-2);letter-spacing:.01em;padding:.55rem .85rem;font-family:Noto Sans Sinhala,Plus Jakarta Sans,sans-serif;font-size:.8rem;font-weight:700}[data-theme=light] .message--assistant .message-bubble th{color:var(--accent)}.message--assistant .message-bubble td{border:1px solid var(--border);text-align:left;color:var(--text-secondary);padding:.5rem .85rem;font-family:Noto Sans Sinhala,Inter,sans-serif;line-height:1.55}.message--assistant .message-bubble tbody tr:nth-child(2n) td{background:#ffffff05}[data-theme=light] .message--assistant .message-bubble tbody tr:nth-child(2n) td{background:var(--surface-elevated)}.message--assistant .message-bubble tbody tr:hover td{background:var(--accent-light)}.loading-bubble{flex-direction:column;gap:.65rem;min-width:190px;display:flex;padding:.9rem 1.1rem!important}.loading-dots{align-items:center;gap:5px;display:flex}.typing-dot{background:var(--accent-2);border-radius:50%;width:7px;height:7px;animation:1.3s ease-in-out infinite typing}.typing-dot:nth-child(2){animation-delay:.22s}.typing-dot:nth-child(3){animation-delay:.44s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.loading-text{color:var(--text-muted);font-family:Noto Sans Sinhala,sans-serif;font-size:.79rem;line-height:1.5;animation:.45s cubic-bezier(.22,1,.36,1) text-fade}@keyframes text-fade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.error-msg{background:var(--error-light);color:var(--error);border-radius:var(--radius-sm);border:1px solid #ef444440;align-items:flex-start;gap:.5rem;padding:.8rem 1rem;font-size:.85rem;animation:.28s msg-in;display:flex}.input-bar{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:flex-end;gap:.75rem;padding:.85rem 1.25rem;transition:background .3s;display:flex}[data-theme=light] .input-bar{background:var(--surface)}.question-input{background:var(--surface-elevated);border:1.5px solid var(--border-active);border-radius:var(--radius-md);color:var(--text-primary);resize:none;outline:none;flex:1;padding:.7rem .95rem;font-family:Noto Sans Sinhala,Plus Jakarta Sans,sans-serif;font-size:.9rem;line-height:1.55;transition:border-color .2s,box-shadow .2s,background .3s}[data-theme=light] .question-input{background:var(--bg);border-color:var(--border-active)}.question-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.question-input::placeholder{color:var(--text-muted);font-family:Noto Sans Sinhala,sans-serif}.send-btn{background:var(--grad-accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;height:46px;padding:0 1.1rem;transition:all .2s;display:flex;box-shadow:0 4px 14px #6c47ff59}.send-btn:hover:not(:disabled){transform:scale(1.06)translateY(-1px);box-shadow:0 8px 22px #6c47ff80}.send-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;background:var(--text-muted)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.65s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mode-toggle-container{background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:.5rem 1.25rem;font-family:Noto Sans Sinhala,Plus Jakarta Sans,sans-serif;font-size:.77rem;display:flex}[data-theme=light] .mode-toggle-container{background:var(--surface)}.mode-toggle-label{color:var(--text-secondary);font-weight:600}.mode-toggle-group{background:var(--surface-elevated);border:1px solid var(--border-active);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex;position:relative}[data-theme=light] .mode-toggle-group{background:var(--bg)}.mode-toggle-btn{color:var(--text-muted);border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;background:0 0;border:none;outline:none;padding:.35rem .85rem;font-family:Noto Sans Sinhala,Plus Jakarta Sans,sans-serif;font-size:.72rem;font-weight:700;transition:all .2s}.mode-toggle-btn.active{background:var(--grad-accent);color:#fff;box-shadow:0 2px 6px #6c47ff40}.mode-toggle-btn:hover:not(.active){color:var(--text-primary);background:#ffffff0d}[data-theme=light] .mode-toggle-btn:hover:not(.active){background:#00000008}@media (width<=500px){.mode-toggle-container{flex-direction:column;align-items:flex-start;gap:.4rem;padding:.45rem .85rem}.mode-toggle-group{width:100%}.mode-toggle-btn{text-align:center;flex:1}}