*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f7f8;--surface:#fff;--text:#1a1a2e;--text-secondary:#6b7280;--accent:#4b2e83;--accent-light:#e8e0f0;--user-bg:#4b2e83;--user-text:#fff;--assistant-bg:#fff;--border:#e5e7eb;--error:#dc2626;--radius:12px}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.app{flex-direction:column;max-width:800px;height:100vh;margin:0 auto;display:flex}.header{border-bottom:1px solid var(--border);background:var(--surface);padding:16px 20px}.header h1{color:var(--accent);font-size:1.25rem;font-weight:700}.subtitle{color:var(--text-secondary);margin-top:2px;font-size:.85rem}.chat-container{flex:1;padding:20px;overflow-y:auto}.welcome{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;display:flex}.welcome-avatar{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.5rem;font-weight:700;display:flex}.welcome h2{font-size:1.5rem;font-weight:600}.welcome p{color:var(--text-secondary);max-width:500px;font-size:.95rem}.suggestions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.suggestions button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:.85rem;transition:all .15s}.suggestions button:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.messages{flex-direction:column;gap:16px;display:flex}.message{gap:10px;max-width:85%;display:flex}.message.user{flex-direction:row-reverse;align-self:flex-end}.message.assistant{align-self:flex-start}.avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:700;display:flex}.bubble{border-radius:var(--radius);white-space:pre-wrap;word-wrap:break-word;padding:12px 16px;font-size:.95rem;line-height:1.6}.message.user .bubble{background:var(--user-bg);color:var(--user-text);border-bottom-right-radius:4px}.message.assistant .bubble{background:var(--assistant-bg);border:1px solid var(--border);border-bottom-left-radius:4px}.msg-time{color:#999;text-align:right;margin-top:4px;font-size:.65rem;display:block}.message.user .msg-time{color:#fff9}.cursor{color:var(--accent);font-weight:700;animation:.8s step-end infinite blink;display:inline}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.error-message{color:var(--error);border-radius:var(--radius);background:#fef2f2;border:1px solid #fecaca;align-self:center;padding:10px 16px;font-size:.85rem}.error-detail{color:#999;word-break:break-word;margin-top:6px;font-size:.7rem;display:block}.input-area{border-top:1px solid var(--border);background:var(--surface);padding:12px 20px 16px}.input-form{gap:8px;display:flex}.input-form input{border:1px solid var(--border);border-radius:var(--radius);outline:none;flex:1;padding:12px 16px;font-size:.95rem;transition:border-color .15s}.input-form input:focus{border-color:var(--accent)}.input-form input:disabled{background:var(--bg)}.input-form button{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:12px 24px;font-size:.95rem;font-weight:600;transition:opacity .15s}.input-form button:hover:not(:disabled){opacity:.9}.input-form button:disabled{opacity:.5;cursor:not-allowed}.footer-info{justify-content:space-between;align-items:center;margin-top:8px;font-size:.8rem;display:flex}.token-info{color:var(--text-secondary);font-family:monospace;font-size:.75rem}.remaining{color:var(--text-secondary)}.new-session{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:.8rem}.new-session:hover{background:var(--accent-light)}.header-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.auth-area{flex-shrink:0}.user-info{align-items:center;gap:8px;font-size:.85rem;display:flex}.user-avatar{border-radius:50%;width:28px;height:28px}.user-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.google-btn-container{min-height:36px}.sign-out-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;padding:4px 10px;font-size:.75rem}.sign-out-btn:hover{border-color:var(--error);color:var(--error)}.admin-link{border:1px solid var(--accent);background:var(--accent-light);color:var(--accent);cursor:pointer;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}.admin-link:hover{background:var(--accent);color:#fff}.key-btn{border:1px dashed var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:12px;padding:4px 10px;font-size:.75rem}.key-btn:hover{background:var(--accent-light)}.key-badge{color:#16a34a;cursor:pointer;background:#f0fdf4;border:1px solid #16a34a;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}.key-badge:hover{border-color:var(--error);color:var(--error);background:#fef2f2}.key-input-bar{background:var(--accent-light);border-bottom:1px solid var(--border);padding:10px 20px}.key-form{gap:6px;display:flex}.key-form input{border:1px solid var(--border);border-radius:8px;flex:1;padding:6px 10px;font-family:monospace;font-size:.85rem}.key-form input:focus{border-color:var(--accent);outline:none}.key-form button{cursor:pointer;border:none;border-radius:8px;padding:6px 12px;font-size:.8rem}.key-form button[type=submit]{background:var(--accent);color:#fff;font-weight:600}.key-form button[type=submit]:disabled{opacity:.5}.key-form button[type=button]{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.key-error{color:var(--error);margin-top:4px;font-size:.8rem}.key-hint{color:var(--text-secondary);margin-top:4px;font-size:.75rem}.admin-container{flex:1;padding:20px;overflow-y:auto}.admin-loading{text-align:center;color:var(--text-secondary);padding:40px}.admin-section{margin-bottom:28px}.admin-section h2{color:var(--accent);margin-bottom:12px;font-size:1.1rem;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:4px;padding:14px;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.stat-value{color:var(--text);font-size:1.3rem;font-weight:700}.config-form{flex-direction:column;gap:16px;max-width:400px;display:flex}.config-field{flex-direction:column;gap:4px;display:flex}.config-field label{font-size:.85rem;font-weight:600}.config-field input{border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:.9rem}.config-field input:focus{border-color:var(--accent);outline:none}.field-hint{color:var(--text-secondary);font-size:.75rem}.save-btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;align-self:flex-start;padding:10px 20px;font-size:.9rem;font-weight:600}.save-btn:hover:not(:disabled){opacity:.9}.save-btn:disabled{opacity:.5;cursor:not-allowed}.success-message{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:12px;padding:8px 14px;font-size:.85rem}.admin-tabs{gap:4px;margin-top:6px;display:flex}.tab-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:16px;padding:4px 14px;font-size:.8rem;transition:all .15s}.tab-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tab-btn:hover:not(.active){background:var(--accent-light);color:var(--accent)}.tone-selector{border:1px solid #ddd;border-radius:6px;gap:0;width:fit-content;display:flex;overflow:hidden}.tone-btn{cursor:pointer;text-transform:capitalize;color:#666;background:#fff;border:none;padding:6px 16px;font-size:.85rem;transition:all .15s}.tone-btn:not(:last-child){border-right:1px solid #ddd}.tone-btn.active{background:var(--accent);color:#fff;font-weight:600}.tone-btn:hover:not(.active){background:var(--accent-light);color:var(--accent)}.analytics-table-wrap{overflow-x:auto}.analytics-table{border-collapse:collapse;width:100%;font-size:.8rem}.analytics-table th,.analytics-table td{text-align:left;border-bottom:1px solid var(--border);padding:6px 10px}.analytics-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.analytics-table .row-zero td{color:var(--text-secondary);opacity:.5}.cell-nowrap{white-space:nowrap}.cell-question{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}@media (width<=600px){.message{max-width:95%}.welcome{padding:20px 10px}.suggestions{flex-direction:column;align-items:center}.header-top{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}}