:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}body{margin:0;padding:0;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e,#0f3460,#1e3a8a);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;display:flex;justify-content:center;align-items:flex-start;width:100vw}.app{width:100%;max-width:1800px;padding:2rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.app-header{text-align:center;margin-bottom:3rem;padding:2rem;background:#0f0f23d9;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:20px;box-shadow:0 25px 50px #0006;border:1px solid rgba(16,185,129,.2);width:100%;max-width:600px}.app-header h1{background:linear-gradient(135deg,#10b981,#059669,#047857);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0;font-size:2.5rem;font-weight:700;letter-spacing:-.5px}.app-header p{color:#4a5568;font-size:1.1rem;margin-bottom:.5rem;font-weight:500}.app-header small{color:#718096;font-size:.9rem;font-weight:400}.content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;width:100%;max-width:1600px;justify-self:center}.input-section,.output-section{background:#0f0f23d9;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:16px;padding:2rem;box-shadow:0 25px 50px #0006;border:1px solid rgba(16,185,129,.2);transition:transform .2s ease,box-shadow .2s ease}.input-section:hover,.output-section:hover{transform:translateY(-2px);box-shadow:0 30px 60px #00000080;border-color:#10b98166}.input-section h2,.output-section h2{margin-top:0;margin-bottom:1.5rem;color:#f8fafc;text-align:center;font-size:1.3rem;font-weight:600;position:relative;padding-bottom:.5rem}.input-section h2:after,.output-section h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:3px;background:linear-gradient(135deg,#10b981,#059669);border-radius:2px}.markdown-input{width:100%;height:600px;padding:1.5rem;border:2px solid #374151;border-radius:12px;font-family:JetBrains Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;resize:vertical;background:#1f2937;color:#f9fafb;transition:border-color .2s ease,box-shadow .2s ease;outline:none}.markdown-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98133}.markdown-input::placeholder{color:#9ca3af}.markdown-output{height:600px;padding:1.5rem;border:2px solid #374151;border-radius:12px;overflow-y:auto;background:#1f2937;color:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Noto Sans Bengali,sans-serif;line-height:1.7}.markdown-output::-webkit-scrollbar{width:8px}.markdown-output::-webkit-scrollbar-track{background:#111827;border-radius:4px}.markdown-output::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#10b981,#059669);border-radius:4px}.markdown-output::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#059669,#047857)}.markdown-output h1,.markdown-output h2,.markdown-output h3,.markdown-output h4,.markdown-output h5,.markdown-output h6{color:#fff;margin-top:2rem;margin-bottom:1rem;font-weight:600;line-height:1.2}.markdown-output h1{font-size:2rem;background:linear-gradient(135deg,#10b981,#059669);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-bottom:3px solid #374151;padding-bottom:.5rem}.markdown-output h2{font-size:1.6rem;color:#f8fafc;border-bottom:2px solid #374151;padding-bottom:.3rem}.markdown-output h3{font-size:1.3rem;color:#e5e7eb}.markdown-output p{margin-bottom:1.2rem;line-height:1.8;color:#f9fafb}.markdown-output ul,.markdown-output ol{margin-bottom:1.2rem;padding-left:2rem;color:#f9fafb}.markdown-output li{margin-bottom:.6rem;color:#f9fafb}.markdown-output code{background:linear-gradient(135deg,#064e3b,#065f46);padding:.3rem .6rem;border-radius:6px;font-family:JetBrains Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;color:#6ee7b7;border:1px solid #047857}.markdown-output pre{background:linear-gradient(135deg,#064e3b,#065f46);padding:1.5rem;border-radius:12px;overflow-x:auto;margin-bottom:1.5rem;border:1px solid #047857;box-shadow:0 8px 16px #0000004d}.markdown-output pre code{background:none;padding:0;color:#f9fafb;border:none}.markdown-output blockquote{border-left:4px solid #10b981;margin:1.5rem 0;padding-left:1.5rem;color:#e5e7eb;background:#10b9811a;padding:1rem 1.5rem;border-radius:0 8px 8px 0;font-style:italic}.markdown-output strong{font-weight:600;color:#fff}.markdown-output em{font-style:italic;color:#e5e7eb}.markdown-output .katex{font-size:1.1em;color:#fff!important}.markdown-output .katex-display{margin:2rem 0;text-align:center;padding:1rem;background:#10b98114;border-radius:8px;border:1px solid rgba(16,185,129,.2)}.markdown-output .katex .katex-html,.markdown-output .katex .mord,.markdown-output .katex .mbin,.markdown-output .katex .mrel,.markdown-output .katex .mop{color:#fff!important}.markdown-output *{unicode-bidi:plaintext}.markdown-output .katex-mathml{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}@media (max-width: 1400px){.content{max-width:1200px}}@media (max-width: 1024px){.content{grid-template-columns:1fr;gap:2rem;max-width:800px}.markdown-input,.markdown-output{height:500px}}@media (max-width: 768px){body{padding:0}.app{padding:1rem;max-width:100%}.app-header{padding:1.5rem;margin-bottom:2rem;max-width:100%}.app-header h1{font-size:2rem}.input-section,.output-section{padding:1rem}.markdown-input,.markdown-output{height:400px;padding:1rem}.content{max-width:100%;gap:1.5rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.markdown-output:empty:before{content:"Start typing to see your rendered markdown...";color:#9ca3af;font-style:italic;display:flex;align-items:center;justify-content:center;height:100%;animation:pulse 2s ease-in-out infinite}