*{margin:0;padding:0;box-sizing:border-box}:root{color:#e8ecf5;background:#0b0f1a}.app{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(255,0,43,.18),transparent 32%),radial-gradient(circle at 80% 10%,rgba(250,204,21,.18),transparent 30%),#0b0f1a;color:#f8fafc;font-family:Inter,Segoe UI,Helvetica Neue,sans-serif;display:flex;flex-direction:column}.header{background:linear-gradient(120deg,#1f2937,#0f172a);padding:1.25rem 1.5rem;border-bottom:1px solid rgba(248,250,252,.08);position:sticky;top:0;z-index:10;box-shadow:0 12px 50px #00000073}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.logo-stack{display:flex;align-items:center;gap:1rem}.logo{height:70px;width:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.4))}.tagline{background:#ffffff0f;padding:.5rem .9rem;border-radius:12px;font-weight:600;letter-spacing:.3px;color:#eab308}.controls{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.controls button,.bar-row button{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#e8ecf5;padding:.65rem .95rem;border-radius:12px;cursor:pointer;font-weight:700;transition:all .2s ease}.controls button:hover,.bar-row button:hover{transform:translateY(-1px);border-color:#eab308b3;box-shadow:0 12px 25px #00000059}.mode-toggle{background:linear-gradient(135deg,#ef4444,#b91c1c);border:none}.clear-btn{background:linear-gradient(135deg,#111827,#0b1220)}.reset-btn{background:linear-gradient(135deg,#eab308,#f97316);color:#0f172a}.ghost{background:#ffffff0a}.chat-container{max-width:1200px;margin:0 auto;padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:.75rem}.share-toast{background:#eab30826;color:#facc15;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(234,179,8,.35);font-weight:700;text-align:center}.share-link{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:.75rem 1rem;border-radius:12px}.share-link a{color:#facc15;word-break:break-all}.messages{background:#0f172ad9;border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:1.25rem;flex:1;overflow-y:auto;box-shadow:inset 0 1px #ffffff05;display:flex;flex-direction:column;gap:.85rem}.viral-empty{text-align:center;padding:2.5rem 1rem;background:#ffffff08;border:1px dashed rgba(255,255,255,.1);border-radius:16px}.viral-empty h2{font-size:1.5rem;margin-bottom:1rem}.viral-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.viral-buttons button{padding:1rem;background:linear-gradient(135deg,#ef4444,#b91c1c);border:none;color:#f8fafc;font-weight:800;border-radius:14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.viral-buttons button:hover{transform:translateY(-2px);box-shadow:0 16px 35px #00000059}.message{display:flex;flex-direction:column;gap:.35rem}.message.user{align-items:flex-end}.message.assistant{align-items:flex-start}.bubble-header{display:flex;justify-content:space-between;align-items:center;padding:0 .15rem}.bubble-role{font-weight:800;letter-spacing:.5px;color:#94a3b8}.message-content{padding:1rem 1.1rem;border-radius:14px;font-size:1rem;line-height:1.6;color:#f8fafc;border:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,#121828,#0b1220);max-width:760px}.message.user .message-content{background:linear-gradient(135deg,#111827,#0f172a)}.message.assistant .message-content{background:linear-gradient(135deg,#b91c1c,#7f1d1d);border-color:#facc1580;box-shadow:0 12px 25px #b91c1c59}.message-content.loading{font-style:italic;opacity:.8}.reaction-bar{display:flex;gap:.5rem}.reaction-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#e8ecf5;padding:.35rem .65rem;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.reaction-emoji{font-size:1.1rem}.reaction-count{font-weight:700}.error-message{padding:.9rem 1rem;background:#ef444426;color:#fecaca;border-radius:12px;border:1px solid rgba(239,68,68,.4)}.input-area{display:grid;grid-template-columns:1fr auto;gap:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:.85rem;align-items:center}.input-area textarea{background:#0b1220;color:#f8fafc;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.9rem;resize:none;font-family:inherit}.input-area button{background:linear-gradient(135deg,#eab308,#f97316);color:#0f172a;border:none;padding:.95rem 1.25rem;border-radius:12px;font-weight:800;cursor:pointer}.bar-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.share-btn{background:linear-gradient(135deg,#e11d48,#db2777);border:none;color:#f8fafc;padding:.65rem .9rem;border-radius:12px;font-weight:800;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.share-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px #db277759}.share-btn-compact{padding:.5rem .75rem;font-size:.9rem}.share-btn-pulse{animation:pulse 1.2s ease-in-out 2}.share-btn-disabled{opacity:.6;cursor:not-allowed}.share-icon{font-weight:800}.export-menu{display:inline-flex;gap:.4rem;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:.4rem .6rem;border-radius:12px}.export-menu button{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#e8ecf5;padding:.4rem .7rem;border-radius:10px;cursor:pointer;font-weight:700}.export-label{font-weight:800;color:#94a3b8}.share-view{max-width:1000px;margin:2rem auto;padding:1.5rem;color:#f8fafc}.share-view-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.share-view-header h1{font-size:2rem;margin:.2rem 0}.subtitle{color:#94a3b8}.pill{display:inline-block;background:#eab3081f;color:#facc15;padding:.35rem .7rem;border-radius:999px;font-weight:700}.share-view-actions{display:flex;gap:.6rem;align-items:center}.share-view-panel{background:#0f172ad9;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem;margin-top:1rem}.share-view-panel.error{border-color:#ef444466;color:#fecaca}.share-view .messages.static .message-content{opacity:.9}.share-view-footer{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}.outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:#e8ecf5;padding:.65rem .9rem;border-radius:12px;cursor:pointer}.primary{background:linear-gradient(135deg,#e11d48,#f59e0b);border:none;color:#0b0f1a;font-weight:800;padding:.7rem 1rem;border-radius:12px;cursor:pointer}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@media (max-width: 900px){.header-content{flex-direction:column;align-items:flex-start}.controls{width:100%}.logo-stack{width:100%;justify-content:space-between}.bar-row{flex-direction:column;align-items:stretch}.messages{max-height:60vh}.message-content{max-width:100%}}body{margin:0;font-family:Inter,Segoe UI,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b0f1a;color:#f8fafc}code{font-family:ui-monospace,SFMono-Regular,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}#root{min-height:100vh}