fincam32

## democratkirkbot.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>The Blue Oracle: Grounded Justice</title>
    <style>
        /* Base page layout */
        body { font-family: 'Inter', -apple-system, sans-serif; background: #020617; color: #f1f5f9; display: flex; justify-content: center; padding: 20px; margin: 0; }
        #chat-container { width: 100%; max-width: 800px; background: #0f172a; border: 1px solid #334155; border-radius: 12px; display: flex; flex-direction: column; height: 90vh; overflow: hidden; box-shadow: 0 10px 50px rgba(0,0,0,0.8); }

## kirkbot.html
<!DOCTYPE html>
<html>
<head>
    <title>Resurrected Kirk: Live Signal</title>
    <style>
        body { font-family: 'Inter', sans-serif; background: #050505; color: #e5e7eb; display: flex; justify-content: center; padding: 20px; }
        #chat-container { width: 100%; max-width: 800px; background: #0f1115; border: 1px solid #2d2d2d; border-radius: 12px; display: flex; flex-direction: column; height: 90vh; overflow: hidden; }
        #display { flex: 1; overflow-y: auto; padding: 25px; display: flex; flex-direction: column; gap: 20px; }
        .msg { padding: 14px 20px; border-radius: 12px; line-height: 1.6; font-size: 16px; max-width: 85%; }
        .user { align-self: flex-end; background: #1f2937; color: #60a5fa; border: 1px solid #374151; }
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>The Blue Oracle: Grounded Justice</title>
	<style>
	/* Base page layout */
	body { font-family: 'Inter', -apple-system, sans-serif; background: #020617; color: #f1f5f9; display: flex; justify-content: center; padding: 20px; margin: 0; }
	#chat-container { width: 100%; max-width: 800px; background: #0f172a; border: 1px solid #334155; border-radius: 12px; display: flex; flex-direction: column; height: 90vh; overflow: hidden; box-shadow: 0 10px 50px rgba(0,0,0,0.8); }
	<!DOCTYPE html>
	<html>
	<head>
	<title>Resurrected Kirk: Live Signal</title>
	<style>
	body { font-family: 'Inter', sans-serif; background: #050505; color: #e5e7eb; display: flex; justify-content: center; padding: 20px; }
	#chat-container { width: 100%; max-width: 800px; background: #0f1115; border: 1px solid #2d2d2d; border-radius: 12px; display: flex; flex-direction: column; height: 90vh; overflow: hidden; }
	#display { flex: 1; overflow-y: auto; padding: 25px; display: flex; flex-direction: column; gap: 20px; }
	.msg { padding: 14px 20px; border-radius: 12px; line-height: 1.6; font-size: 16px; max-width: 85%; }
	.user { align-self: flex-end; background: #1f2937; color: #60a5fa; border: 1px solid #374151; }