*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--vg: #4E7B72;--vg-deep: #3A5C56;--dark: #0E1318;--dark-2: #161C22;--border: #2A3240;--text: #E8ECF0;--muted: #8896A4;--sans: "neue-haas-grotesk-text", system-ui, sans-serif;--mono: "input-mono", ui-monospace, SFMono-Regular, Menlo, monospace}html,body,#root{height:100%;overflow:hidden;background:var(--dark);color:var(--text);font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea{font-family:inherit;color:inherit;background:none;border:none;outline:none}textarea{resize:none}a{color:inherit}.app{display:flex;flex-direction:column;height:100dvh;background:var(--dark)}.header{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 16px;padding-top:env(safe-area-inset-top);border-bottom:.5px solid var(--border);background:var(--dark);flex-shrink:0}.header .clear{font-size:12px;color:var(--muted);letter-spacing:.04em;padding:8px 4px;min-height:44px;display:inline-flex;align-items:center}.header .clear:hover{color:var(--text)}.messages{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 16px;display:flex;flex-direction:column;gap:14px;background:var(--dark)}.message-row{display:flex;flex-direction:column;max-width:86%}.message-row.user{align-self:flex-end;align-items:flex-end}.message-row.assistant{align-self:flex-start;align-items:flex-start}.bubble{padding:10px 14px;font-size:15px;line-height:1.5;word-wrap:break-word;overflow-wrap:anywhere}.bubble.user{background:var(--vg);color:#fff;border-radius:12px 12px 2px}.bubble.assistant{background:var(--dark-2);border:.5px solid var(--border);color:var(--text);border-radius:12px 12px 12px 2px;max-width:100%;overflow-x:auto}.timestamp{font-size:10px;color:var(--muted);margin-top:4px;letter-spacing:.04em}.assistant-content p{margin-bottom:8px;line-height:1.6}.assistant-content p:last-child{margin-bottom:0}.assistant-content ul,.assistant-content ol{margin:8px 0 8px 20px}.assistant-content li{margin-bottom:4px;line-height:1.5}.assistant-content table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12px;margin:8px 0}.assistant-content th{text-align:left;padding:6px 10px;background:#ffffff0d;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--sans)}.assistant-content td{padding:6px 10px;border-bottom:.5px solid var(--border)}.assistant-content strong{font-weight:500;color:#fff}.assistant-content em{color:var(--muted);font-style:normal}.assistant-content code{font-family:var(--mono);font-size:12px;background:#ffffff0f;padding:1px 5px;border-radius:3px}.assistant-content h1,.assistant-content h2,.assistant-content h3{font-weight:500;margin:12px 0 6px;color:#fff}.assistant-content h1{font-size:18px}.assistant-content h2{font-size:16px}.assistant-content h3{font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.assistant-content blockquote{border-left:2px solid var(--vg);padding-left:10px;margin:8px 0;color:var(--muted)}@keyframes dot-pulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.dots{display:inline-flex;gap:5px;padding:4px 0}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--muted);animation:dot-pulse 1.4s ease-in-out infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}.welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:28px}.welcome-mark{color:#fff;opacity:.95}.welcome-prompt{color:var(--muted);font-size:15px;line-height:1.5;max-width:280px}.suggestions{display:flex;flex-direction:column;gap:8px;width:100%;max-width:320px}.pill{background:var(--dark-2);border:.5px solid var(--border);color:var(--text);padding:12px 16px;border-radius:999px;font-size:14px;text-align:center;min-height:44px;transition:border-color .12s ease}.pill:hover,.pill:active{border-color:var(--vg)}.composer{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom));border-top:.5px solid var(--border);background:var(--dark);flex-shrink:0}.composer textarea{flex:1;background:var(--dark-2);border:.5px solid var(--border);border-radius:8px;padding:11px 14px;font-size:16px;line-height:1.4;color:var(--text);min-height:44px;max-height:calc(5.6em + 22px);overflow-y:auto}.composer textarea::placeholder{color:var(--muted)}.send{width:44px;height:44px;border-radius:50%;background:var(--vg);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s ease,opacity .12s ease}.send:disabled{opacity:.4;cursor:not-allowed}.send:not(:disabled):hover{background:var(--vg-deep)}.send svg{display:block}.pin-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;padding:40px 24px;background:var(--dark);gap:36px}.pin-mark{color:#fff}.pin-label{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.pin-inputs{display:flex;gap:12px}.pin-inputs input{width:52px;height:64px;background:var(--dark-2);border:.5px solid var(--border);border-radius:8px;text-align:center;font-size:28px;font-family:var(--mono);color:var(--text);caret-color:var(--vg);transition:border-color .12s ease}.pin-inputs input:focus{border-color:var(--vg)}.pin-inputs.error input{border-color:#c0392b}.pin-inputs.shake{animation:shake .36s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.pin-message{font-size:13px;color:var(--muted);min-height:16px;text-align:center}.pin-message.error{color:#e07060}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:fade-in .24s ease-out}