:root{color-scheme:dark;--bg: #0c0b10;--surface: #16141c;--border: #2a2635;--text: #ece8f4;--muted: #9d96ad;--accent: #c4a5ff;--accent-dim: #7c5cbf;font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}.app{max-width:720px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.brand{font-family:"Instrument Serif",Georgia,serif;font-size:2.25rem;font-weight:400;letter-spacing:-.02em;margin:0 0 .35rem;background:linear-gradient(120deg,#f0e8ff 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:0 0 2rem;color:var(--muted);font-size:.95rem}.panel{margin-bottom:2.25rem;padding:1.25rem 1.35rem;border-radius:1rem;border:1px solid var(--border);background:linear-gradient(165deg,#14121a,#0f0d14)}.panel-title{font-family:"Instrument Serif",Georgia,serif;font-size:1.35rem;font-weight:400;margin:0 0 .5rem;color:var(--text)}.panel-desc{margin:0 0 1.25rem;font-size:.9rem;color:var(--muted);line-height:1.55}.personality-form{display:flex;flex-direction:column;gap:1rem}.mode-toggle{display:flex;flex-wrap:wrap;gap:1.25rem;font-size:.9rem;color:var(--muted)}.mode-toggle label{cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.field{display:flex;flex-direction:column;gap:.35rem}.field-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.field select,.personality-form textarea{font:inherit;padding:.55rem .75rem;border-radius:.65rem;border:1px solid var(--border);background:#100e16;color:var(--text)}.field select:focus,.personality-form textarea:focus{outline:2px solid var(--accent-dim);outline-offset:1px}.btn-primary{align-self:flex-start;margin-top:.25rem}.chat-heading{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 .75rem;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.assistant-message{display:flex;flex-direction:column;gap:1.1rem;width:100%}.bubble.assistant{max-width:100%}.bubble-text{white-space:pre-wrap;word-break:break-word}.bubble-text--footnote{margin-top:.35rem;padding-top:.5rem;border-top:1px solid var(--border);font-size:.9rem;color:var(--muted);line-height:1.5}.rec-cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.25rem}@keyframes rec-card-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rec-card--enter{opacity:0;animation:rec-card-enter .55s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--rec-stagger, 0) * 90ms)}@media(prefers-reduced-motion:reduce){.rec-card--enter{animation:none;opacity:1;transform:none}}.rec-card{display:flex;flex-direction:column;gap:.65rem;padding:1rem 1rem 1.1rem;border-radius:.85rem;border:1px solid var(--border);background:#14121cd9;text-align:left}.rec-card-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.rec-card-index{font-weight:700;font-size:.95rem;color:var(--accent);min-width:1.5rem}.rec-card-headline{font-weight:700;font-size:1.08rem;color:var(--text);line-height:1.35;flex:1;min-width:0}.rec-card-headline-sep{font-weight:600;color:var(--muted)}.rec-card-headline-work{font-weight:700}.rec-card-type-pill{display:inline-block;margin-left:.35rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:.2rem .45rem;border-radius:.35rem;border:1px solid var(--border);vertical-align:middle}.rec-card-main{display:flex;flex-direction:row;align-items:flex-start;gap:1rem}.rec-card-body-col{flex:1;min-width:0}.rec-card-explanation{margin:0;font-size:.96rem;line-height:1.65;color:#c9c2d6}.rec-card-media{flex-shrink:0;width:176px}.rec-card-poster{position:relative;width:176px;height:252px;border-radius:.55rem;overflow:hidden;background:#2a2635}.rec-card-avatar-floor{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#2d2640,#1a1625);z-index:0}.rec-card-avatar-initials{font-size:2.15rem;font-weight:700;color:var(--accent);letter-spacing:.04em;line-height:1}.rec-card-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;display:block}.rec-card-genres{margin:.55rem 0 0;font-size:.78rem;color:var(--muted);line-height:1.4}@media(max-width:520px){.rec-card-main{gap:.85rem}.rec-card-media{width:132px}.rec-card-poster{width:132px;height:189px}.rec-card-avatar-initials{font-size:1.85rem}}.messages{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.bubble{padding:.85rem 1.1rem;border-radius:1rem;max-width:95%;white-space:pre-wrap;word-break:break-word}.bubble.user{align-self:flex-end;background:linear-gradient(135deg,#2d2640,#1f1a2e);border:1px solid var(--border)}.bubble.assistant{align-self:flex-start;background:var(--surface);border:1px solid var(--border)}.bubble.bubble--rich{white-space:normal;max-width:100%}.bubble.meta{font-size:.8rem;color:var(--muted);border-style:dashed}.form{display:flex;gap:.6rem;align-items:flex-end}textarea{flex:1;min-height:3.25rem;max-height:10rem;resize:vertical;padding:.65rem .85rem;border-radius:.75rem;border:1px solid var(--border);background:#100e16;color:var(--text);font:inherit}textarea:focus{outline:2px solid var(--accent-dim);outline-offset:1px}button{font:inherit;font-weight:600;padding:.65rem 1.1rem;border-radius:.75rem;border:none;cursor:pointer;background:linear-gradient(145deg,var(--accent-dim),#5a3d9e);color:#fff}button:disabled{opacity:.55;cursor:not-allowed}.error{color:#ff8a8a;font-size:.9rem;margin-top:.5rem}