*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;overflow:hidden;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f5f1e8;color:#0a0a0a}.chat{height:100vh;height:100dvh;display:flex;flex-direction:column;max-width:860px;margin:0 auto;min-height:0}.chat-head{justify-content:space-between;padding:12px 18px;border-bottom:2px solid #0a0a0a;background:#f5f1e8}.brand,.chat-head{display:flex;align-items:center}.brand{gap:10px}.brand .logo-badge{width:32px;height:32px;border-radius:8px;background:#0a0a0a;display:flex;align-items:center;justify-content:center;font-weight:800;color:#dbff4b;font-size:14px;box-shadow:3px 3px 0 #ff5a36}.brand .name{font-size:15px;font-weight:800;letter-spacing:-.01em}.brand .sub{font-size:11px;color:#5c5c5c}.head-actions{display:flex;align-items:center;gap:8px}.model-badge{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;color:#0a0a0a;background:#dbff4b;border:2px solid #0a0a0a;border-radius:999px;padding:4px 10px;box-shadow:2px 2px 0 #0a0a0a}.gear{background:#fff;border:2px solid #0a0a0a;color:#0a0a0a;font-size:16px;cursor:pointer;padding:6px 10px;border-radius:10px;box-shadow:3px 3px 0 #0a0a0a;display:flex;align-items:center;justify-content:center;transition:transform .06s ease,box-shadow .06s ease}.gear:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #0a0a0a}.gear.active{background:#ff5a36;color:#fff}.settings{border-bottom:2px solid #0a0a0a;padding:16px 18px;background:#fff;box-shadow:4px 4px 0 hsla(0,0%,4%,.08)}.sfield{margin-bottom:12px}.sfield label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#5c5c5c;margin-bottom:6px}.rec-hint{text-transform:none;letter-spacing:0;color:#ff5a36}.sfield input,.sfield select{width:100%;background:#f5f1e8;border:2px solid #0a0a0a;border-radius:8px;color:#0a0a0a;padding:9px 11px;font-size:13px;font-family:inherit}.sfield select.prov{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%230a0a0a' stroke-width='2' fill='none'/></svg>");background-repeat:no-repeat;background-position:right 12px center}.sfield input:focus,.sfield select:focus{outline:none;box-shadow:2px 2px 0 #ff5a36}.srow{display:flex;gap:12px}.srow .sfield{flex:1 1}.settings-actions{display:flex;align-items:center;gap:12px;margin-top:4px}.save-btn{background:#dbff4b;border:2px solid #0a0a0a;color:#0a0a0a;font-weight:800;font-size:13px;padding:9px 18px;border-radius:10px;cursor:pointer;box-shadow:3px 3px 0 #0a0a0a;transition:transform .06s ease,box-shadow .06s ease}.save-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #0a0a0a}.saved-flag{font-size:12px;font-weight:700;color:#0a0a0a;background:#dbff4b;border:2px solid #0a0a0a;padding:4px 10px;border-radius:8px;box-shadow:2px 2px 0 #0a0a0a}.msgs{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px 18px;scroll-behavior:smooth}.msgs::-webkit-scrollbar{width:10px}.msgs::-webkit-scrollbar-track{background:transparent}.msgs::-webkit-scrollbar-thumb{background:#d8d0bf;border-radius:8px;border:2px solid #f5f1e8}.msgs::-webkit-scrollbar-thumb:hover{background:#c2b9a6}.msg{display:flex;margin-bottom:20px;animation:pop-in .28s ease both}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.msg.user{justify-content:flex-end}.msg.user .bubble{background:#fff;border:2px solid #0a0a0a;color:#0a0a0a;border-radius:18px 18px 6px 18px;max-width:76%;padding:11px 15px;font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word;box-shadow:4px 4px 0 #ff5a36}.msg.assistant{justify-content:flex-start;gap:10px}.assistant-avatar{flex:0 0 auto;width:28px;height:28px;margin-top:2px;border-radius:9px;background:linear-gradient(135deg,#ff5a36,#ff9d5c);border:2px solid #0a0a0a;box-shadow:2px 2px 0 #0a0a0a;display:flex;align-items:center;justify-content:center}.msg.assistant .bubble{max-width:84%;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:#0a0a0a;background:hsla(0,0%,100%,.55);border-radius:6px 18px 18px 18px;padding:10px 15px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{background:#dbff4b;border:2px solid #0a0a0a;color:#0a0a0a;font-weight:700;border-radius:10px;padding:7px 12px;font-size:12px;cursor:pointer;box-shadow:3px 3px 0 #0a0a0a;transition:transform .06s ease,box-shadow .06s ease}.chip:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #0a0a0a}.typing{display:flex;gap:5px;align-items:center;padding:10px 0}.typing .dot{width:8px;height:8px;border-radius:50%;background:#0a0a0a;animation:blink 1.2s ease-in-out infinite}.typing .dot:nth-child(2){animation-delay:.2s}.typing .dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.composer{padding:10px 18px 20px;border-top:2px solid #0a0a0a;background:#f5f1e8}.examples{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}.examples button{display:inline-flex;align-items:center;gap:7px;background:#fff;border:2px solid #0a0a0a;border-radius:999px;color:#0a0a0a;font-size:12px;font-weight:700;padding:8px 14px;cursor:pointer;box-shadow:3px 3px 0 hsla(0,0%,4%,.85);transition:transform .06s ease,box-shadow .06s ease}.examples button svg{color:#ff5a36}.examples button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 hsla(0,0%,4%,.85)}.composer-box{display:flex;align-items:flex-end;gap:8px;background:#fff;border:2px solid #0a0a0a;border-radius:24px;padding:10px 10px 10px 18px;box-shadow:5px 5px 0 #0a0a0a;transition:box-shadow .06s ease}.composer-box:focus-within{box-shadow:3px 3px 0 #ff5a36}.composer textarea{flex:1 1;background:transparent;border:none;resize:none;overflow-y:hidden;color:#0a0a0a;font-size:14px;line-height:1.5;max-height:200px;font-family:inherit}.composer textarea::-webkit-scrollbar{width:6px}.composer textarea::-webkit-scrollbar-thumb{background:#d8d0bf;border-radius:3px}.composer textarea:focus{outline:none}.composer textarea::placeholder{color:#5c5c5c}.send{flex:0 0 auto;width:36px;height:36px;border-radius:50%;border:2px solid #0a0a0a;background:#ff5a36;color:#fff;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 0 #0a0a0a;transition:transform .06s ease,box-shadow .06s ease}.send:disabled{opacity:.4;cursor:not-allowed}.send:not(:disabled):active{transform:translate(2px,2px);box-shadow:1px 1px 0 #0a0a0a}.hint{text-align:center;font-size:11px;color:#5c5c5c;margin-top:10px;font-weight:600}:focus-visible{outline:3px solid #ff5a36;outline-offset:2px}button:focus:not(:focus-visible),input:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}@media (max-width:640px){.chat-head{padding:10px 14px}.model-badge{max-width:90px}.brand .sub{display:none}.settings{padding:12px 14px}.srow{flex-direction:column;gap:0}.msg.user .bubble{max-width:88%}.composer{padding:10px 12px 14px}.examples{gap:8px}.examples button{font-size:11px;padding:7px 11px}}