:root{--background:#0a0a0a;--foreground:#ededed;--primary:#f59e0b;--primary-foreground:#000;--secondary:#1f1f1f;--accent:#8b5cf6;--card:#1f1f1f99;--border:#ffffff1a;--glass-bg:#ffffff0d;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--foreground);background:var(--background);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#ffffff1a;border:2px solid #0a0a0a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}*{scrollbar-width:thin;scrollbar-color:#ffffff1a #0a0a0a}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s forwards fadeIn}button{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #f59e0b66}.btn-secondary{background:var(--secondary);color:#fff;border:1px solid var(--border)}.markdown-content p{margin-bottom:8px}.markdown-content p:last-child{margin-bottom:0}.markdown-content ul,.markdown-content ol{margin-bottom:10px;margin-left:20px}.markdown-content li{margin-bottom:4px}.markdown-content strong{color:var(--primary);font-weight:700}.markdown-content code{background:#ffffff1a;border-radius:4px;padding:2px 6px;font-family:monospace}[dir=rtl] .markdown-content{text-align:right!important}[dir=rtl] .markdown-content ul,[dir=rtl] .markdown-content ol{margin-left:0;margin-right:1.5rem;padding-right:0;text-align:right!important}.btn-secondary:hover{background:#2a2a2a}input{background:var(--secondary);border:1px solid var(--border);color:#fff;border-radius:8px;outline:none;width:100%;padding:12px 16px;transition:border-color .3s}input:focus{border-color:var(--primary)}label{color:#a0a0a0;margin-bottom:8px;font-size:.9rem;display:block}@media (max-width:768px){body{font-size:15px}.glass{border-radius:16px}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}}@media (max-width:480px){main{padding:8px!important}}
