*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:#07090f}body{font-family:Cormorant Garamond,Georgia,serif;color:#d4c5a0;overflow:hidden}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.app{display:flex;flex-direction:column;height:100vh;max-width:780px;margin:0 auto}.header{flex-shrink:0;justify-content:space-between;padding:16px 24px;background:rgba(7,9,15,.98);border-bottom:1px solid rgba(201,168,76,.12)}.header,.header-left{display:flex;align-items:center}.header-left{gap:14px}.logo{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#c9a84c,#6b4f1a);display:flex;align-items:center;justify-content:center;font-size:18px}.header-title{font-size:18px;font-weight:700;letter-spacing:.06em;background:linear-gradient(90deg,#f0dfa0,#c9a84c,#f0dfa0);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 5s linear infinite}.header-sub{font-size:9px;color:rgba(201,168,76,.4);letter-spacing:.18em;margin-top:2px}.header-sub,.status{font-family:DM Mono,monospace}.status{display:flex;align-items:center;gap:6px;font-size:10px;color:rgba(201,168,76,.5)}.dot{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:pulse 2s ease-in-out infinite}.quick-bar{flex-shrink:0;display:flex;gap:8px;overflow-x:auto;padding:12px 20px;scrollbar-width:none;border-bottom:1px solid hsla(0,0%,100%,.04)}.quick-bar::-webkit-scrollbar{display:none}.quick-btn{flex-shrink:0;padding:6px 14px;background:rgba(201,168,76,.05);border:1px solid rgba(201,168,76,.18);border-radius:20px;color:#c9a84c;font-size:12px;font-family:DM Mono,monospace;cursor:pointer;white-space:nowrap;transition:all .2s;outline:none}.quick-btn:hover:not(:disabled){background:rgba(201,168,76,.14);border-color:rgba(201,168,76,.45)}.quick-btn:disabled{opacity:.4;cursor:not-allowed}.messages{flex:1 1;overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;gap:20px}.messages::-webkit-scrollbar{width:3px}.messages::-webkit-scrollbar-thumb{background:rgba(201,168,76,.15);border-radius:2px}.msg-row{display:flex;align-items:flex-start;gap:10px;animation:fadeUp .3s ease forwards}.msg-row.user{flex-direction:row-reverse}.avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;font-size:14px}.avatar.ai{background:linear-gradient(135deg,#c9a84c,#8b6914)}.avatar.user{background:linear-gradient(135deg,#1a3a5c,#0d2137);border:1px solid rgba(201,168,76,.35);font-weight:700;font-size:13px;color:#c9a84c;font-family:DM Mono,monospace}.bubble{max-width:75%;padding:13px 17px;line-height:1.7;font-size:15px;white-space:pre-wrap;word-break:break-word}.bubble.ai{background:hsla(0,0%,100%,.035);border:1px solid hsla(0,0%,100%,.07);border-radius:4px 18px 18px 18px;color:#d4c9b0}.bubble.user{background:linear-gradient(135deg,#111827,#1a2535);border:1px solid rgba(201,168,76,.25);border-radius:18px 18px 4px 18px;color:#e8d5a3}.typing{display:flex;align-items:center;gap:5px;padding:14px 17px}.typing span{width:7px;height:7px;border-radius:50%;background:#c9a84c;animation:pulse 1.2s ease-in-out infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}.input-area{flex-shrink:0;background:rgba(7,9,15,.98);border-top:1px solid rgba(201,168,76,.1);padding:16px 20px 20px}.input-box{display:flex;align-items:flex-end;gap:10px;background:hsla(0,0%,100%,.03);border:1px solid rgba(201,168,76,.18);border-radius:14px;padding:11px 14px;transition:border-color .2s}.input-box:focus-within{border-color:rgba(201,168,76,.4)}textarea{flex:1 1;background:transparent;border:none;outline:none;resize:none;color:#e8d5a3;font-size:15px;font-family:Cormorant Garamond,Georgia,serif;line-height:1.5;max-height:120px;overflow-y:auto}textarea::placeholder{color:rgba(201,168,76,.25)}.send-btn{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;transition:all .2s}.send-btn.active{background:linear-gradient(135deg,#c9a84c,#8b6914);box-shadow:0 4px 16px rgba(201,168,76,.3)}.send-btn.inactive{background:rgba(201,168,76,.08);cursor:not-allowed}.footer-note{text-align:center;margin-top:9px;font-family:DM Mono,monospace;font-size:9px;color:rgba(201,168,76,.2);letter-spacing:.12em}@keyframes micPulse{0%,to{box-shadow:0 0 0 0 rgba(239,68,68,.6)}50%{box-shadow:0 0 0 8px rgba(239,68,68,0)}}@keyframes bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.mic-btn{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:all .2s;background:rgba(201,168,76,.08)}.mic-btn.idle{color:rgba(201,168,76,.5)}.mic-btn.recording{background:rgba(239,68,68,.15);color:#ef4444;animation:micPulse 1.2s ease-in-out infinite}.mic-btn.transcribing{background:rgba(201,168,76,.1);color:rgba(201,168,76,.5);cursor:not-allowed}.waveform{display:flex;align-items:center;gap:2px;height:16px;padding:0 4px}.waveform-bar{width:3px;background:#ef4444;border-radius:2px;animation:bar .8s ease-in-out infinite}.waveform-bar:nth-child(2){animation-delay:.1s}.waveform-bar:nth-child(3){animation-delay:.2s}.waveform-bar:nth-child(4){animation-delay:.3s}.waveform-bar:nth-child(5){animation-delay:.4s}.voice-error{font-size:9px;color:#ef4444;letter-spacing:.06em;margin-top:4px;text-align:center}.speaker-btn,.voice-error{font-family:DM Mono,monospace}.speaker-btn{background:none;border:1px solid rgba(201,168,76,.18);border-radius:20px;color:rgba(201,168,76,.5);font-size:10px;letter-spacing:.1em;padding:4px 12px;cursor:pointer;transition:all .2s;white-space:nowrap}.speaker-btn.on{border-color:rgba(201,168,76,.5);color:#c9a84c}.stop-speaking-btn{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);border-radius:20px;color:#ef4444}.hf-btn,.stop-speaking-btn{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.1em;padding:4px 12px;cursor:pointer}.hf-btn{background:none;border:1px solid rgba(201,168,76,.18);border-radius:20px;color:rgba(201,168,76,.5);transition:all .2s;white-space:nowrap}.hf-btn.on{border-color:rgba(201,168,76,.5);color:#c9a84c;background:rgba(201,168,76,.08)}.hf-status{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.12em;display:flex;align-items:center;gap:5px}.hf-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.hf-status.listening .hf-status-dot{background:#4ade80;animation:pulse 1s ease-in-out infinite}.hf-status.speaking .hf-status-dot{background:#c9a84c;animation:pulse 1s ease-in-out infinite}.hf-status.idle .hf-status-dot{background:#555}.hf-status.listening{color:#4ade80}.hf-status.speaking{color:#c9a84c}.hf-status.idle{color:#555}