:root{--gradient-start: #667eea;--gradient-end: #764ba2;--bg: #0b0b0f;--fg: #ffffff;--muted: rgba(255, 255, 255, .8);--muted2: rgba(255, 255, 255, .65);--card-bg: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .12)}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji"}#root{height:100%}.home{height:100vh;height:100dvh;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;text-align:center}.hero{max-width:480px}.title{font-size:3.5rem;font-weight:800;margin:0 0 12px;letter-spacing:-.02em}.subtitle{font-size:1.1rem;color:var(--muted);margin:0 0 32px}.enterBtn{display:inline-block;background:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:14px 28px;border-radius:999px;text-decoration:none;font-weight:600;transition:background .2s,transform .2s}.enterBtn:hover{background:#ffffff2e;transform:translateY(-1px)}.links{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom));display:flex;gap:16px}.navLink{background:#0003;border:1px solid rgba(255,255,255,.15);color:var(--muted);padding:10px 16px;border-radius:999px;text-decoration:none;font-size:14px;transition:background .2s,color .2s}.navLink:hover{background:#0000004d;color:#fff}.chat{height:100vh;height:100dvh;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));display:flex;flex-direction:column}.chatHeader{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#00000026;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.backBtn{color:var(--muted);text-decoration:none;font-size:14px}.chatTitle{font-weight:700}.placeholder{width:60px}.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.messages::-webkit-scrollbar{width:0;height:0}.msg{display:flex}.msg.user{justify-content:flex-end}.msg.assistant{justify-content:flex-start}.bubble{max-width:80%;background:var(--card-bg);border:1px solid var(--border);padding:12px 16px;border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);word-break:break-word}.msg.user .bubble{background:#ffffff1f;border-color:#fff3}.typing{color:var(--muted2);font-style:italic}.debug{background:#ff3b301f;border-color:#ff3b304d;color:#ff3b30;font-family:monospace;font-size:13px;white-space:pre-wrap}.inputArea{display:flex;align-items:flex-end;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom)) 16px;background:#00000026;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border)}.input{flex:1;background:var(--card-bg);border:1px solid var(--border);color:#fff;padding:12px 14px;border-radius:12px;resize:none;outline:none;font-family:inherit;font-size:15px;max-height:120px;overflow-y:auto}.micBtn{background:var(--card-bg);border:1px solid var(--border);color:var(--muted);padding:12px;border-radius:12px;font-size:18px;cursor:pointer;transition:background .2s,color .2s}.micBtn.rec{background:#ff3b3033;border-color:#ff3b3066;color:#ff3b30}.sendBtn{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 16px;border-radius:12px;font-weight:600;cursor:pointer;transition:background .2s}.sendBtn:disabled{opacity:.5;cursor:not-allowed}.sendBtn:not(:disabled):hover{background:#ffffff2e}