@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;800&family=Inter:wght@400;600;800&family=Quicksand:wght@600;700&display=swap";:root{--font-sans: "Manrope", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;--font-display: "Quicksand", var(--font-sans);--bg: #212121;--surface: #0f1424;--card: #131a2e;--elev: #17213b;--border: #243154;--text: #eaf0ff;--muted: #a8b3d8;--accent-1: #695AF9;--accent-2: #DAA0F2;--accent-rgb: 105,90,249;--morado-rgb: 218,160,242;--grad-primary: linear-gradient(135deg,var(--accent-1),var(--accent-2));--radius: 14px;--shadow-strong: 0 18px 50px rgba(0,0,0,.55);--shadow-soft: 0 10px 24px rgba(0,0,0,.35)}:root.light{--bg: #f6f8ff;--surface: #ffffff;--card: #ffffff;--elev: #f2f5ff;--border: #d9e0f3;--text: #1d2230;--pane: #f6f8ff}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,rgba(var(--morado-rgb),.08),transparent 30%),linear-gradient(180deg,#fff0,#302f2f00),var(--bg);line-height:1.55}.shell{max-width:1100px;margin:0 auto;padding:2rem}.muted{color:var(--muted)}.small{font-size:.9rem;color:var(--muted)}.full{width:100%}.is-hidden{display:none!important}.card-outer{background:transparent}.card-inner{background:linear-gradient(180deg,#ffffff05,#ffffff08);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-strong);padding:1.2rem}.brand{display:flex;align-items:center;gap:12px;margin:0 0 .25rem}.logo-circle{width:30px;height:30px;border-radius:5px;background:var(--grad-primary);display:flex;align-items:center;justify-content:center}.logo-circle img{width:60%;height:60%}.site-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.6rem);margin:0;background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;line-height:1.1}.tagline{margin:0;color:var(--muted);font-weight:600}.brand-image{margin:1rem 0}.brand-image img{width:100%;max-width:360px;border-radius:16px;box-shadow:var(--shadow-soft);display:block}.brand-copy h3{margin:.5rem 0}.brand-copy p{color:var(--muted);line-height:1.6}.auth-grid{display:grid;grid-template-columns:48% 46%;gap:2%}@media (max-width: 900px){.auth-grid{grid-template-columns:1fr;gap:1rem}}.tabs{display:flex;gap:.5rem;margin-bottom:.5rem}.tab-btn{appearance:none;border:1px solid var(--border);background:transparent;color:var(--text);padding:.55rem .8rem;border-radius:10px;cursor:pointer;font-weight:700}.tab-btn.is-active{background:var(--grad-primary);border-color:transparent;box-shadow:0 10px 30px rgba(var(--accent-rgb),.14)}.fieldset{border:1px solid var(--border);padding:1rem;border-radius:12px}.fieldset legend{padding:0 .4rem;color:var(--muted)}.inline{display:flex;align-items:center;gap:.5rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.icon-btn{background:transparent;border:none;cursor:pointer;padding:.2rem .3rem;font-size:1rem}.session-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.session-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-rename{width:100%}.form{display:flex;flex-direction:column;gap:.6rem}.label{display:flex;flex-direction:column;gap:.35rem;font-weight:600}.input,.textarea{padding:.75rem 1rem;border-radius:12px;border:1px solid var(--border);background:#ffffff03;color:var(--text);outline:none}.input:focus,.textarea:focus{box-shadow:0 8px 30px rgba(var(--accent-rgb),.18);border-color:rgba(var(--accent-rgb),.22)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 2rem;border-radius:12px;border:0px solid transparent;cursor:pointer;font-weight:800;color:var(--text);background:linear-gradient(180deg,#ffffff05,#ffffff08);transition:transform .08s ease-out,filter .08s ease-out}.btn--primary{background:var(--grad-primary);box-shadow:0 12px 34px #0000002e}.btn:hover{transform:translateY(-.5px);filter:brightness(1.02)}.btn:active{transform:translateY(0)}.btn[aria-busy=true]{opacity:.7;pointer-events:none}.chat-shell{display:grid;grid-template-columns:300px 1fr;gap:1rem;padding:1rem 2rem;height:100dvh}@media (max-width: 900px){.chat-shell{grid-template-columns:1fr;padding:1rem;height:auto;min-height:100dvh}}.sidebar{display:flex;flex-direction:column;gap:.8rem;min-height:0}.sidebar-head,.sidebar-foot{display:flex;flex-direction:column;gap:.5rem}.sessions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;flex:1 1 auto;min-height:0;overflow:auto}.session{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:10px;border:1px solid var(--border);background:#ffffff03;cursor:pointer}.session.is-active{background:rgba(var(--accent-rgb),.09);border-color:rgba(var(--accent-rgb),.18)}.session:focus{outline:2px solid rgba(var(--accent-rgb),.5);outline-offset:2px}.chat{display:grid;grid-template-rows:auto 1fr auto;gap:.8rem;min-height:0;height:100%}.chat-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1}.chat-title{margin:.2rem 0;background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-size:1.4rem;line-height:1.1}.status-row{display:flex;align-items:center;gap:.5rem;min-height:24px}.chat-body{display:grid;grid-template-columns:1fr 500px;gap:1rem;flex:1 1 auto;min-height:0}.emotion-pane{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border-radius:12px;padding:.8rem;background:var(--pane)}.emotion-pane img{width:100%;height:auto;border-radius:100px;object-fit:cover}.emotion-label{color:var(--muted);font-weight:700}.messages{display:flex;flex-direction:column;gap:.7rem;overflow:auto;padding:.8rem;background:#ffffff03;border:1px solid var(--border);border-radius:12px;min-height:320px;flex:1 1 auto;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:4px;line-height:1.6;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 88px)}.empty{padding:.5rem 0}.help-panel{margin-top:.6rem;background:linear-gradient(180deg,#ffffff05,#ffffff08)}.help-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.help-title{display:flex;align-items:center;gap:.5rem}.help-note{margin:.25rem 0;color:var(--muted)}.help-list{margin:.4rem 0 0 1rem;padding:0}.help-list li{margin:.2rem 0}.btn--sm{padding:.35rem .6rem;font-size:.85rem;border:1px solid var(--border)}.message{display:flex;gap:.6rem;align-items:flex-start}.avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid var(--border);font-weight:800;font-size:.9rem}.message.user .avatar{background:var(--grad-primary);border-color:transparent}.bubble{padding:.7rem .95rem;border-radius:14px;max-width:78%;background:#ffffff08;border:1px solid var(--border)}.message.user .bubble{background:var(--grad-primary);color:var(--text);border-color:transparent;box-shadow:0 8px 20px rgba(var(--accent-rgb),.18)}.who{font-weight:800}.composer{display:flex;flex-direction:column;gap:.4rem;background:inherit;padding-bottom:env(safe-area-inset-bottom,0px)}.composer-row{display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:end}.textarea{resize:vertical;max-height:200px;min-height:42px}.send-btn{min-width:96px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:rgba(var(--accent-rgb),.75)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.dot--pulse{animation:pulse 1.2s ease-in-out infinite}.desktop-only{display:block}@media (max-width: 900px){.desktop-only{display:none!important}}.tips-box{display:flex;flex-direction:column;gap:.4rem;margin-top:.6rem}.tips-head{display:flex;align-items:center;justify-content:space-between}.tips-title{font-weight:800;color:var(--muted)}#tipText{font-family:var(--font-display);font-weight:700;letter-spacing:.3px;font-size:clamp(1rem,2.4vw,1.2rem)}@keyframes typing{0%{box-shadow:4px 0 #fff9,10px 0 #ffffff4d,16px 0 #ffffff26}50%{box-shadow:4px 0 #fff3,10px 0 #fff9,16px 0 #ffffff4d}to{box-shadow:4px 0 #ffffff26,10px 0 #fff3,16px 0 #fff9}}.dot--typing{width:22px;height:8px;border-radius:4px;background:transparent;box-shadow:4px 0 #fff9,10px 0 #ffffff4d,16px 0 #ffffff26;animation:typing 1s infinite}.messages::-webkit-scrollbar,.sessions::-webkit-scrollbar{width:10px;height:10px}.messages::-webkit-scrollbar-thumb,.sessions::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}.messages::-webkit-scrollbar-track,.sessions::-webkit-scrollbar-track{background:transparent}.fade-in{animation:fadeIn .2s ease-out both}@keyframes fadeIn{0%{opacity:.6}to{opacity:1}}@media (max-width: 900px){.chat-body{grid-template-columns:1fr}}.chat-body.merged{gap:0}.chat-body.merged .messages,.chat-body.merged .emotion-pane{background:#ffffff05;border:1px solid var(--border)}.chat-body.merged .messages{border-top-right-radius:0;border-bottom-right-radius:0}.chat-body.merged .emotion-pane{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;width:220px;box-shadow:inset 1px 0 #ffffff0a}.chat-body.merged .messages{padding-right:.8rem}.chat-body.merged .emotion-pane{padding-left:.8rem}@media (max-width: 900px){.chat-body.merged{gap:1rem}.chat-body.merged .messages{border-top-right-radius:12px;border-bottom-right-radius:12px}.chat-body.merged .emotion-pane{border-left:1px solid var(--border);border-top-left-radius:12px;border-bottom-left-radius:12px;width:auto;box-shadow:none}}.theme-toggle{position:fixed;top:.75rem;right:.75rem;z-index:1000;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:.35rem .6rem;font-weight:700;font-size:.95rem;cursor:pointer}.theme-toggle:hover{filter:brightness(1.05)}.theme-toggle:active{transform:translateY(1px)}