:root{--bg:#eef0f4;--bg-light:#e8dfdd;--surface:#c2dbd9;--accent:#00bcc9;--accent-dark:#009ba6;--text:#1a2a2a;--text-muted:#5a6a6a;--bubble-alf:#fff;--bubble-user:#00bcc9;--bubble-user-text:#fff;--input-bg:#fff;--border:#c2dbd9}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{flex-direction:column;min-height:100dvh;display:flex}.chat-container{flex-direction:column;width:100%;max-width:640px;height:100dvh;margin:0 auto;display:flex}.chat-header{text-align:center;border-bottom:1px solid var(--border);background:#fff;padding:16px 20px}.chat-header h1{letter-spacing:2px;color:var(--accent-dark);font-size:1.5rem}.chat-header p{color:var(--text-muted);margin-top:2px;font-size:.85rem}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:16px 12px;display:flex;overflow-y:auto}.loading-screen{height:100dvh;color:var(--text-muted);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.bubble-row{gap:8px;max-width:85%;display:flex}.bubble-row.alf{align-self:flex-start}.bubble-row.user{align-self:flex-end}.avatar-col{flex-shrink:0;width:36px;padding-top:4px}.bubble{word-wrap:break-word;border-radius:16px;padding:10px 14px;font-size:.95rem;line-height:1.5}.bubble-alf{background:var(--bubble-alf);color:var(--text);border-bottom-left-radius:4px;box-shadow:0 1px 3px #00000014}.bubble-user{background:var(--bubble-user);color:var(--bubble-user-text);border-bottom-right-radius:4px}.catchphrase{color:var(--text-muted);margin-top:8px;font-style:italic;display:block}.typing{gap:4px;padding:12px 18px;display:flex}.dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both bounce}.dot:nth-child(2){animation-delay:.16s}.dot:nth-child(3){animation-delay:.32s}@keyframes bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.chat-footer{border-top:1px solid var(--border);background:#fff;padding:8px 12px 16px}.questions-indicator{text-align:center;color:var(--text-muted);margin-bottom:8px;font-size:.8rem}.input-bar{gap:8px;display:flex}.input-bar input{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:24px;outline:none;flex:1;padding:10px 14px;font-size:.95rem}.input-bar input:focus{border-color:var(--accent)}.input-bar input::placeholder{color:var(--text-muted)}.input-bar button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:24px;padding:10px 20px;font-size:.95rem;font-weight:600}.input-bar button:hover{background:var(--accent-dark)}.input-bar button:disabled{opacity:.4;cursor:not-allowed}.contact-panel{border-top:1px solid var(--border);text-align:center;background:#fff;padding:20px 16px;animation:.3s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-prompt{color:var(--text);margin-bottom:4px;font-size:.95rem;line-height:1.5}.contact-signoff{color:var(--text-muted);margin-bottom:16px;font-size:.9rem}.contact-form{flex-direction:column;gap:8px;max-width:400px;margin:0 auto;display:flex}.contact-form input{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:12px;outline:none;padding:10px 14px;font-size:.95rem}.contact-form input:focus{border-color:var(--accent)}.contact-form input::placeholder{color:var(--text-muted)}.contact-form textarea{background:var(--input-bg);border:1px solid var(--border);color:var(--text);resize:vertical;border-radius:12px;outline:none;padding:10px 14px;font-family:inherit;font-size:.95rem}.contact-form textarea:focus{border-color:var(--accent)}.contact-form textarea::placeholder{color:var(--text-muted)}.contact-form button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 20px;font-size:.95rem;font-weight:600}.contact-form button:hover{background:var(--accent-dark)}.contact-form button:disabled{opacity:.4;cursor:not-allowed}.contact-confirmation{color:var(--text-muted);font-size:.95rem;font-style:italic}.admin-container{max-width:900px;margin:0 auto;padding:24px 16px}.admin-container h1{color:var(--accent-dark);margin-bottom:20px;font-size:1.5rem}.admin-login{gap:8px;max-width:360px;display:flex}.admin-login input{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:.95rem}.admin-login button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600}.admin-login button:disabled{opacity:.4}.admin-error{color:#d32f2f;margin-top:12px;font-size:.9rem}.admin-token-row{margin-bottom:16px}.admin-token-row label{color:var(--text-muted);align-items:center;gap:8px;font-size:.9rem;display:flex}.admin-token-row input{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;width:240px;padding:6px 12px;font-size:.9rem}.admin-empty{color:var(--text-muted);margin-top:16px}.session-table-wrapper{overflow-x:auto}.session-table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;font-size:.85rem;overflow:hidden}.session-table th{text-align:left;border-bottom:2px solid var(--border);color:var(--text-muted);white-space:nowrap;padding:8px 10px;font-weight:600}.session-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:8px 10px}.action-buttons{gap:4px;display:flex}.action-buttons button{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:.8rem}.action-buttons button:hover{background:var(--accent);border-color:var(--accent);color:#fff}.gate-container{justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.gate-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:380px;padding:40px 32px;box-shadow:0 2px 12px #00000014}.gate-card h1{letter-spacing:2px;color:var(--accent-dark);margin-top:12px;font-size:1.8rem}.gate-tagline{color:var(--text-muted);margin-top:4px;margin-bottom:24px;font-size:.85rem}.gate-instruction{color:var(--text);margin-bottom:16px;font-size:.9rem;line-height:1.5}.gate-form{gap:8px;min-width:0;display:flex}.gate-form input{background:var(--input-bg);border:1px solid var(--border);min-width:0;color:var(--text);text-align:center;border-radius:12px;outline:none;flex:1;padding:10px 14px;font-size:.95rem}.gate-form input:focus{border-color:var(--accent)}.gate-form input::placeholder{color:var(--text-muted)}.gate-form button{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;flex-shrink:0;padding:10px 16px;font-weight:600}.gate-form button:hover{background:var(--accent-dark)}.gate-form button:disabled{opacity:.4;cursor:not-allowed}.gate-error{color:#d32f2f;margin-top:12px;font-size:.85rem}