@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--green-dark: #1a2e1a;--green-mid: #2d4a2d;--green-light: #3d6b3d;--gold: #c8a84b;--gold-light: #e8c96a;--cream: #f8f6f0;--cream-dark: #ede8de;--text-primary: #1a1a1a;--text-muted: #6b7280;--white: #ffffff;--radius: 12px;--radius-lg: 20px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--cream);color:var(--text-primary);min-height:100vh}.mode-selector{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--green-dark) 0%,var(--green-mid) 100%);padding:2rem}.mode-header{text-align:center;margin-bottom:3rem;animation:fadeUp .6s ease both}.logo-mark{font-size:3rem;margin-bottom:1rem}.mode-header h1{font-family:"DM Serif Display",serif;font-size:2.5rem;color:var(--cream);letter-spacing:-.5px}.mode-header p{color:var(--gold);font-size:.95rem;font-weight:300;letter-spacing:.05em;margin-top:.5rem}.mode-cards{display:flex;gap:1.5rem;animation:fadeUp .6s .15s ease both}.mode-card{background:#ffffff0d;border:1px solid rgba(200,168,75,.3);border-radius:var(--radius-lg);padding:2.5rem 2rem;width:260px;text-align:left;cursor:pointer;transition:all .3s ease;color:var(--cream);display:flex;flex-direction:column;gap:.75rem}.mode-card:hover{background:#c8a84b1a;border-color:var(--gold);transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.mode-icon{font-size:2rem}.mode-card h2{font-family:"DM Serif Display",serif;font-size:1.4rem;color:var(--gold)}.mode-card p{font-size:.9rem;color:#f8f6f0b3;line-height:1.5}.mode-tag{font-size:.75rem;font-weight:600;letter-spacing:.1em;color:var(--gold-light);text-transform:uppercase;margin-top:auto}.chat-container{display:flex;flex-direction:column;height:100vh;max-width:800px;margin:0 auto}.chat-container.mode-pre{background:#f5f3ee}.chat-container.mode-post{background:#f0eeea}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--green-dark);color:var(--cream);border-bottom:2px solid var(--gold)}.header-left{display:flex;align-items:center;gap:.75rem}.header-logo{font-size:1.5rem}.chat-header h1{font-family:"DM Serif Display",serif;font-size:1.2rem;color:var(--cream)}.mode-badge{font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:999px}.mode-badge.pre{background:#c8a84b33;color:var(--gold-light)}.mode-badge.post{background:#64a06433;color:#a8d8a8}.new-session-btn{background:transparent;border:1px solid rgba(200,168,75,.5);color:var(--gold);padding:.4rem 1rem;border-radius:var(--radius);cursor:pointer;font-size:.85rem;font-family:DM Sans,sans-serif;transition:all .2s}.new-session-btn:hover{background:#c8a84b1a;border-color:var(--gold)}.admin-link{font-size:.75rem;color:#f8f6f066;text-decoration:none;padding:.3rem .6rem;border-radius:var(--radius);transition:color .2s}.admin-link:hover{color:var(--gold)}.messages-area{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.message{display:flex;align-items:flex-start;gap:.75rem;animation:fadeUp .3s ease}.message.user{flex-direction:row-reverse}.msg-avatar{font-size:1.2rem;flex-shrink:0;margin-top:.2rem}.msg-bubble{max-width:75%;padding:.85rem 1.1rem;border-radius:var(--radius-lg);line-height:1.6;font-size:.95rem}.message.assistant .msg-bubble{background:var(--white);border:1px solid #e5e2da;border-bottom-left-radius:4px;color:var(--text-primary);box-shadow:0 2px 8px #0000000f}.message.user .msg-bubble{background:var(--green-dark);color:var(--cream);border-bottom-right-radius:4px}.loading-msg{align-items:center}.typing-indicator{display:flex;gap:4px;padding:.75rem 1rem;background:var(--white);border:1px solid #e5e2da;border-radius:var(--radius-lg);border-bottom-left-radius:4px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:bounce 1.2s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.session-ended-banner{text-align:center;padding:1rem;background:#c8a84b1a;border:1px solid var(--gold);border-radius:var(--radius);color:#8a6f20;font-size:.9rem}.input-area{display:flex;gap:.75rem;padding:1rem 1.5rem;background:var(--white);border-top:1px solid #e5e2da;align-items:flex-end}.input-area textarea{flex:1;border:1px solid #d4cfc6;border-radius:var(--radius);padding:.75rem 1rem;font-family:DM Sans,sans-serif;font-size:.95rem;resize:none;background:var(--cream);color:var(--text-primary);outline:none;transition:border-color .2s}.input-area textarea:focus{border-color:var(--green-light)}.input-area textarea:disabled{opacity:.5;cursor:not-allowed}.send-btn{background:var(--green-dark);color:var(--gold);border:none;width:44px;height:44px;border-radius:var(--radius);cursor:pointer;font-size:1.2rem;font-weight:700;transition:all .2s;flex-shrink:0}.send-btn:hover:not(:disabled){background:var(--green-mid)}.send-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@media (max-width: 600px){.mode-cards{flex-direction:column}.mode-card{width:100%}.msg-bubble{max-width:90%}}