:root{--cream: #faf8f5;--warm-gray: #f0ede8;--dark: #1a1a2e;--text: #2d2d44;--text-muted: #6b6b80;--accent: #e07a5f;--accent-hover: #c96850;--border: #e5e0d8;--white: #ffffff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--cream);color:var(--text);height:100vh;display:flex;flex-direction:column;line-height:1.6;-webkit-font-smoothing:antialiased}#auth-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1.5rem;padding:2rem}#auth-screen h1{font-size:1.75rem;font-weight:700;color:var(--dark);letter-spacing:-.02em}#auth-screen p{color:var(--text-muted);text-align:center;max-width:360px;font-size:1rem}#auth-screen button{background:var(--accent);color:var(--white);border:none;border-radius:8px;padding:12px 28px;font-size:1rem;cursor:pointer;font-weight:600;font-family:inherit;transition:background .2s}#auth-screen button:hover{background:var(--accent-hover)}#auth-error{color:#c62828;font-size:.875rem;display:none;background:#fbe9e7;padding:8px 14px;border-radius:8px}#chat-screen{display:none;flex-direction:column;height:100vh}header{padding:16px 24px;background:var(--white);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}header h2{font-size:1rem;font-weight:700;color:var(--dark);letter-spacing:-.01em}header button{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .2s}header button:hover{background:var(--warm-gray)}#messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.msg{max-width:80%;padding:10px 16px;border-radius:10px;line-height:1.5;font-size:.95rem}.msg.coach{align-self:flex-start;background:var(--white);border:1px solid var(--border);border-bottom-left-radius:4px;color:var(--text)}.msg.user{align-self:flex-end;background:var(--accent);color:var(--white);border-bottom-right-radius:4px}.msg.system{align-self:center;font-size:.8rem;color:var(--text-muted);text-align:center;background:none;border:none;padding:4px 0}.msg.typing{color:var(--text-muted);font-style:italic}#input-bar{padding:12px 16px;background:var(--white);border-top:1px solid var(--border);display:flex;gap:8px}#input-bar input{flex:1;padding:10px 16px;border-radius:8px;border:1px solid var(--border);background:var(--white);color:var(--text);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s}#input-bar input:focus{border-color:var(--accent)}#input-bar input::placeholder{color:var(--text-muted)}#input-bar button{background:var(--accent);color:var(--white);border:none;border-radius:8px;padding:10px 20px;font-weight:600;font-family:inherit;cursor:pointer;font-size:.95rem;transition:background .2s;white-space:nowrap}#input-bar button:hover{background:var(--accent-hover)}#input-bar button:disabled{opacity:.5;cursor:not-allowed}.auth-form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px}.auth-form input{padding:12px 16px;border-radius:8px;border:1px solid var(--border);background:var(--white);color:var(--text);font-size:1rem;font-family:inherit;outline:none;transition:border-color .2s}.auth-form input:focus{border-color:var(--accent)}.auth-form input::placeholder{color:var(--text-muted)}.auth-form button{background:var(--accent);color:var(--white);border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s}.auth-form button:hover{background:var(--accent-hover)}.auth-form button:disabled{opacity:.5;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:12px;width:100%;max-width:320px;color:var(--text-muted);font-size:.8rem;margin:4px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-toggle{background:none;border:none;color:var(--accent);font-size:.85rem;font-family:inherit;cursor:pointer;padding:4px;font-weight:500}.auth-toggle:hover{text-decoration:underline}.debug-panel{display:none;border-top:1px solid var(--border);background:#0c0e1a;max-height:40vh;display:flex;flex-direction:column;font-family:Cascadia Code,Fira Code,JetBrains Mono,monospace;font-size:.75rem}.debug-panel.collapsed{max-height:30px;overflow:hidden}.debug-toggle{background:none;border:none;color:var(--accent);padding:6px 12px;font-size:.8rem;font-family:inherit;cursor:pointer;text-align:left;font-weight:600;flex-shrink:0}.debug-toggle:hover{background:#6366f11a}.debug-content{flex:1;overflow-y:auto;padding:0 12px 8px;display:flex;flex-direction:column;gap:6px}.debug-row{border-left:2px solid var(--border);padding-left:8px}.debug-time{color:var(--text-muted);font-size:.7rem;display:block;margin-bottom:2px}.debug-event{color:var(--accent);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.debug-data{margin:4px 0 0;white-space:pre-wrap;word-break:break-all;color:var(--text-muted);font-size:.7rem;line-height:1.4;max-height:120px;overflow-y:auto}.debug-badge{background:var(--accent);color:var(--white);border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:600}.header-controls{display:flex;align-items:center;gap:8px}
