.chat-wrapper{height:calc(100vh - 40px);width:95%;max-width:1400px;margin:20px auto;display:flex;flex-direction:column;background:#0b1220;border-radius:16px;border:2px solid #1d78f8;overflow:hidden}.chat-header{padding:16px 20px;background:#0f172a;border-bottom:1px solid #1a70e7;color:#f22727;font-size:20px;font-weight:700}.chat-body{flex:1;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:18px;background:#020617}.message{display:flex;align-items:flex-start;gap:10px}.message.user{justify-content:flex-end}.avatar{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#2563eb;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#39ec8d}.bubble{max-width:75%;padding:14px 16px;border-radius:14px;font-size:16px;line-height:1.6;background:#0f172a;border:1px solid #1f7af9;color:#f8f9fa;word-break:break-word}.message.user .bubble{background:#2563eb;border:none;color:#fff}.bubble h1,.bubble h2,.bubble h3{margin:2px 0 8px;color:#f9fafb}.bubble p{margin:6px 0}.bubble pre{background:#020617;padding:12px;border-radius:10px;overflow-x:auto}.bubble code{color:#60a5fa}.chat-input-bar{display:flex;gap:10px;padding:14px;background:#0f172a;border-top:1px solid #2e6aeb}.chat-input-bar textarea{flex:1;resize:none;padding:10px 12px;border-radius:10px;border:1px solid #2b77f2;background:#020617;color:#e5e7eb;font-size:14px;outline:none;max-height:140px}.chat-input-bar textarea:focus{border-color:#3b82f6}.chat-input-bar button{padding:10px 18px;border-radius:10px;border:none;background:#3b82f6;color:#fff;font-weight:600;cursor:pointer}@media(max-width:768px){.chat-wrapper{width:100%;height:100vh;margin:0;border-radius:0}.chat-header{font-size:16px;padding:14px 16px}.chat-body{padding:14px;gap:14px}.bubble{max-width:85%;font-size:14px}.avatar{width:28px;height:28px;font-size:12px}.chat-input-bar{padding:10px}.chat-input-bar textarea{font-size:14px}.chat-input-bar button{padding:10px 14px}}@media(max-width:480px){.bubble{max-width:90%;padding:12px 14px}.chat-body{padding:8px}}.upload-container{display:flex;justify-content:center;padding:40px 20px}.upload-card{width:100%;max-width:900px;padding:32px;background:linear-gradient(180deg,#0f172a,#020617);border-radius:18px;border:2px solid #589af7;box-shadow:0 20px 60px #64caf58c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.upload-header h2{margin:0;font-size:30px;font-weight:900;color:#f62c5f}.upload-header p{margin-top:6px;color:#6399e3;font-size:20px}.upload-dropzone{margin-top:22px;padding:38px;border-radius:14px;border:2px dashed #334155;background:#020617;text-align:center;cursor:pointer;transition:all .2s ease}.upload-dropzone:hover{border-color:#3b82f6;background:#020617}.upload-dropzone.active{border-color:#60a5fa;background:#020617}.upload-placeholder{color:#d8dce1}.upload-placeholder p{margin:6px 0;font-size:15px}.upload-placeholder span{font-size:13px;color:#64748b}.upload-icon{font-size:28px;margin-bottom:6px}.file-selected{display:flex;justify-content:center;align-items:center;gap:8px;color:#0db75a;font-size:14px}.file-icon{font-size:18px}.file-name{font-weight:500}.upload-controls{display:flex;gap:14px;margin-top:20px;align-items:center}.query-input{flex:1;padding:12px 14px;border-radius:10px;border:1px solid #3d73ca;background:#020617;color:#e5e7eb;font-size:14px;outline:none}.query-input::placeholder{color:#6b7280}.query-input:focus{border-color:#3b82f6}.button-group{display:flex;gap:10px}.analyze-btn{padding:10px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.analyze-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #3b82f64d}.analyze-btn:disabled{background:#374151;cursor:not-allowed}.reset-btn{padding:10px 18px;border-radius:10px;border:1px solid #374151;background:#020617;color:#e5e7eb;cursor:pointer;transition:all .2s ease}.reset-btn:hover{background:#111827}.upload-error{margin-top:14px;padding:10px;border-radius:8px;background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#f87171;font-size:13px}@media(max-width:720px){.upload-controls{flex-direction:column;align-items:stretch}.button-group{justify-content:space-between}}.input-panel{background:#0b1220;border:3px solid #6b87f0;border-radius:14px;overflow:hidden}.input-tabs{display:flex;border-bottom:1px solid #40b1f3}.input-tabs button{flex:1;padding:20px;background:transparent;color:#67e981;border:none;cursor:pointer}.input-tabs button.active{background:linear-gradient(135deg,#59c7f7,#2e31e9);color:#fff;font-weight:900;font-size:large}.editor-toolbar{display:flex;justify-content:space-between;padding:10px 12px;background:#0a0a0a}.editor-toolbar select{background:#121213;color:#fcfafc;font-size:16px;font-weight:700;border:2px solid #2d79f3;padding:6px;border-radius:6px}.editor-toolbar button{background:linear-gradient(135deg,#38bdf8,#6366f1);border:2px solid #0c0c0c;padding:8px 14px;border-radius:8px;font-weight:700;cursor:pointer}.results-container{width:100%;padding:30px 20px;display:flex;justify-content:center}.results-card{width:100%;max-width:1200px;padding:32px 36px;background:#0f172ab3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;border:1px solid rgba(148,163,184,.18);box-shadow:0 30px 80px #000000a6}.results-header h2{margin:0;font-size:28px;font-weight:800;color:#60a5fa}.results-header p{margin-top:6px;color:#94a3b8;font-size:14px}.result-section{margin-top:28px}.result-section h3{font-size:18px;margin-bottom:10px;font-weight:700;color:#c7d2fe}.ast-list{padding-left:20px;color:#e5e7eb;line-height:1.7}.ast-list li{margin-bottom:6px}.empty{color:#64748b;font-size:14px}.insights-box{background:#020617;border-radius:16px;border:1px solid #1e293b;padding:20px;color:#e5e7eb;line-height:1.6;overflow-x:auto}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:#93c5fd}.markdown-body p{margin:8px 0}.markdown-body ul{padding-left:20px}.markdown-body code{font-family:Fira Code,monospace;font-size:13px}.markdown-body{font-size:14px;line-height:1.7}.markdown-body h1,.markdown-body h2,.markdown-body h3{font-weight:700;margin-top:18px;margin-bottom:10px;padding:6px 10px;border-left:4px solid transparent;border-radius:6px}.markdown-body h3:nth-of-type(1){color:#38bdf8;border-left-color:#38bdf8;background:#38bdf814}.markdown-body h3:nth-of-type(2){color:#ef4444;border-left-color:#ef4444;background:#ef444414}.markdown-body h3:nth-of-type(3){color:#22c55e;border-left-color:#22c55e;background:#22c55e14}.markdown-body h3:nth-of-type(4){color:#f59e0b;border-left-color:#f59e0b;background:#f59e0b14}.markdown-body p{margin:8px 0;color:#e5e7eb}.markdown-body ul{padding-left:20px;margin-top:6px;margin-bottom:14px}.markdown-body li{margin-bottom:6px}.markdown-body table{width:100%;border-collapse:collapse;margin-top:12px}.markdown-body th,.markdown-body td{border:1px solid #334155;padding:10px}.markdown-body th{background:#0f172a;color:#93c5fd}.markdown-body pre{background:#020617;padding:14px;border-radius:12px;border:1px solid #1e293b;overflow-x:auto}.markdown-body code{font-family:Fira Code,monospace;font-size:13px;color:#e2e8f0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:14px}.metric-card{padding:20px;border-radius:16px;background:linear-gradient(135deg,#3b82f659,#6366f159);text-align:center;box-shadow:0 10px 30px #00000073}.metric-card span{display:block;font-size:13px;color:#e0e7ff;margin-bottom:6px}.metric-card strong{font-size:28px;color:#fff;font-weight:800}.prob-box{margin-top:14px;padding:16px;border-radius:14px;background:#020617;border:1px solid #1e293b;font-size:13px;color:#cbd5f5;overflow-x:auto}.code-block{margin-top:12px;border-radius:16px;border:1px solid #1e293b;overflow:hidden;box-shadow:inset 0 0 25px #0009,0 10px 35px #00000080}.chat-container{background:#020617;border-radius:16px;border:1px solid #1e293b;padding:20px;width:100%}.chat-messages{min-height:220px;max-height:520px;overflow-y:auto;margin-bottom:14px;padding-right:6px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background:#374151;border-radius:6px}.chat-message{max-width:85%;padding:12px 16px;border-radius:14px;margin:8px 0;line-height:1.6;font-size:14px;white-space:pre-wrap;word-wrap:break-word}.chat-message.user{background:linear-gradient(135deg,#3b82f6,#2563eb);margin-left:auto;color:#fff}.chat-message.bot{background:#1f2937;border:1px solid #374151;color:#e5e7eb}.chat-input{display:flex;gap:10px}.chat-input input{flex:1;padding:12px 14px;border-radius:12px;border:1px solid #374151;background:#020617;color:#e5e7eb;font-size:14px}.chat-input input:focus{border-color:#3b82f6}.chat-input button{padding:12px 20px;border-radius:12px;border:none;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 6px 18px #3b82f673}.chat-input button:hover{transform:translateY(-1px)}@media(max-width:768px){.results-card{padding:22px}.chat-messages{max-height:260px}.metric-card strong{font-size:24px}}.home-layout{display:flex;min-height:100vh;background:radial-gradient(circle at top,#0f172a,#020617 70%);color:#e5e7eb;font-family:Inter,system-ui,-apple-system}.floating-mode-btn{position:fixed;top:14px;right:14px;z-index:1200;padding:10px 14px;border-radius:10px;border:none;background:linear-gradient(135deg,#38bdf8,#6366f1);color:#020617;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 6px 18px #00000059;display:none}.sidebar{width:260px;background:linear-gradient(180deg,#020617,#0f172a);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-between;padding:22px 18px}.sidebar-header{text-align:center}.avatar{width:140px;height:120px;margin-bottom:12px;border-radius:50%;background:#000304}.sidebar-header h3{margin:10px 0;font-size:26px;font-weight:900;color:#f60c0c}.feature-list{list-style:none;padding:0;margin:12px 0 0;font-size:16px;color:#cbd5f5}.feature-list li{margin:8px 0}.sidebar-footer{text-align:center}.mode-btn{width:100%;padding:12px;border-radius:10px;border:none;background:linear-gradient(135deg,#38bdf8,#6366f1);color:#020617;font-weight:700;cursor:pointer}.mode-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #38bdf84d}.dev{margin-top:14px;font-size:20px;color:#dae7ee}.main-content{flex:1;padding:32px 40px;max-width:1200px}.page-header h1{margin:0;font-size:28px;font-weight:800}.page-header p{margin:6px 0 26px;color:#207ffa;font-size:14px}.analysis-section{display:flex;flex-direction:column;gap:28px}.analysis-card{background:#0b1220;border:2px solid #2c80f6;border-radius:16px;padding:18px}.analysis-card h2{margin-bottom:14px;font-size:18px}@media(max-width:900px){.sidebar{display:none}.floating-mode-btn{display:block}.main-content{padding:18px;margin-top:48px}}@media(max-width:480px){.main-content{padding:16px}.page-header h1{font-size:22px}.floating-mode-btn{top:12px;left:12px;padding:9px 12px;font-size:12px}}.hero-header{text-align:center;margin-bottom:36px}.hero-title{font-size:52px;font-weight:900;margin:0}.title-blue{color:#38bdf8}.title-green{color:#09f33c;margin-left:6px}.hero-tagline{font-size:20px;margin-top:10px;color:#94a3b8}.hero-description{max-width:720px;margin:16px auto;line-height:1.7;font-size:16px;color:#cbd5f5}.hero-features{margin-top:14px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:16px;color:#0a88d6}.hero-features span{background:#3b82f614;padding:6px 12px;border-radius:8px}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(circle at top,#0f172a,#020617 70%);color:#e5e7eb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:#60a5fa;text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#020617}::-webkit-scrollbar-thumb{background:#374151;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#4b5563}::selection{background:#3b82f6;color:#fff}button,input,textarea{font-family:inherit}img{max-width:100%;display:block}