*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f9f7f4;--bg2:#f2efe9;--surface:#fff;--border:#e8e2d9;--border2:#d4c9bc;--ink:#1a1814;--ink2:#3d3830;--muted:#7a7060;--muted2:#a09585;--accent:#c0392b;--accent2:#e05020;--gold:#b8860b;--gold2:#d4a017;--ai-bg:#fff8f6;--ai-border:#f0d5ce;--radius-sm:8px;--radius-md:14px;--radius-lg:20px}html{height:100%}body{background:var(--bg);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.65}#shell{grid-template-rows:1fr auto;max-width:720px;height:100dvh;margin:0 auto;display:grid}.feed{scroll-behavior:smooth;background:var(--bg);flex-direction:column;gap:22px;padding:32px 28px 16px;display:flex;overflow-y:auto}.feed::-webkit-scrollbar{width:4px}.feed::-webkit-scrollbar-track{background:0 0}.feed::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}.back-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:6px;margin-bottom:4px;padding:4px 2px;font-family:Inter,sans-serif;font-size:12.5px;transition:color .18s;display:inline-flex}.back-btn:hover{color:var(--ink2)}.welcome{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:28px 0 24px;display:flex}.app-name{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);opacity:.85;font-family:Lora,Georgia,serif;font-size:13px;font-weight:600}.welcome h2{color:var(--ink);letter-spacing:-.02em;font-family:Lora,Georgia,serif;font-size:26px;font-style:italic;font-weight:700;line-height:1.2}.welcome-sub{color:var(--muted);max-width:420px;font-size:14.5px;line-height:1.7}.divider{background:linear-gradient(90deg, transparent, var(--accent), transparent);border-radius:2px;width:32px;height:2px}.pills-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted2);font-size:10.5px}.pills{flex-wrap:wrap;justify-content:center;gap:8px;max-width:480px;display:flex}.pill{background:var(--surface);border:1px solid var(--border);color:var(--ink2);cursor:pointer;border-radius:999px;padding:7px 15px;font-family:Inter,sans-serif;font-size:12.5px;transition:all .18s}.pill:hover{border-color:var(--accent2);color:var(--accent);background:#fff4f2}.msg{gap:12px;animation:.3s cubic-bezier(.34,1.56,.64,1) both msgIn;display:flex}.msg.user{flex-direction:row-reverse}@keyframes msgIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.avatar{border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-top:3px;font-size:14px;display:flex}.avatar.ai{border-color:var(--ai-border);background:#fce8e4}.avatar.usr{background:var(--bg2)}.bubble{border-radius:var(--radius-lg);max-width:80%;padding:12px 16px;font-size:15px;line-height:1.7}.bubble.user{background:var(--surface);border:1px solid var(--border);border-top-right-radius:var(--radius-sm);color:var(--ink)}.bubble.ai{background:var(--ai-bg);border:1px solid var(--ai-border);border-top-left-radius:var(--radius-sm);color:var(--ink2);font-family:Lora,Georgia,serif;font-size:15.5px}.bubble-label{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);align-items:center;gap:5px;margin-bottom:6px;font-family:Inter,sans-serif;font-size:10px;display:flex}.bubble-label:before{content:"";background:var(--accent2);border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.typing{gap:12px;animation:.25s both msgIn;display:flex}.tdots{background:var(--ai-bg);border:1px solid var(--ai-border);border-radius:var(--radius-lg);border-top-left-radius:var(--radius-sm);align-items:center;gap:5px;padding:14px 18px;display:flex}.tdot{background:var(--accent);opacity:.5;border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite tbounce}.tdot:nth-child(2){animation-delay:.18s}.tdot:nth-child(3){animation-delay:.36s}@keyframes tbounce{40%{opacity:1;transform:translateY(-4px)}}.error{border-radius:var(--radius-sm);color:#c0392b;text-align:center;background:#fff3f2;border:1px solid #f5c6c0;padding:10px 14px;font-size:13px}.input-zone{background:var(--bg);border-top:1px solid var(--border);padding:0 28px 24px}.nietzsche-wrap{justify-content:center;padding:18px 0 6px;display:flex}.input-row{background:var(--surface);border:1.5px solid var(--border2);border-radius:var(--radius-md);align-items:flex-end;gap:10px;padding:10px 10px 10px 16px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 4px #0000000f}.input-row:focus-within{border-color:#c0392b;box-shadow:0 0 0 3px #c0392b14}.input-ta{resize:none;color:var(--ink);scrollbar-width:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:130px;padding:2px 0;font-family:Inter,sans-serif;font-size:14.5px;line-height:1.55}.input-ta::placeholder{color:var(--muted2)}.input-ta::-webkit-scrollbar{display:none}.send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .18s;display:flex}.send-btn:hover:not(:disabled){background:var(--accent2);transform:translateY(-1px)}.send-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.input-hint{text-align:center;color:var(--muted2);letter-spacing:.03em;margin-top:10px;font-size:11px}@media (max-width:600px){.header,.feed,.input-zone{padding-left:16px;padding-right:16px}.bubble{max-width:90%}}