@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Unbounded:wght@600;700&display=swap";:root{--bg-deep:#08060d;--bg-base:#0d0a15;--bg-elevated:#15111f;--surface:#ffffff0d;--surface-hover:#ffffff14;--border:#ffffff17;--border-strong:#ffffff29;--fg:#ece8f2;--fg-muted:#9a92ad;--fg-dim:#6b6480;--accent:#f43f6e;--accent-soft:#fb7196;--accent-glow:#f43f6e52;--violet:#8b5cf6;--violet-glow:#8b5cf647;--radius:16px;--radius-lg:22px;--radius-pill:999px;--ease:cubic-bezier(.16, 1, .3, 1);--dur:.22s;--font:"Manrope", system-ui, -apple-system, sans-serif;--font-display:"Unbounded", var(--font)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-deep);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px;border-radius:6px}.aurora{z-index:-1;background:radial-gradient(ellipse 80% 60% at 50% -10%, #1a1028, transparent 70%), linear-gradient(180deg, var(--bg-base), var(--bg-deep));position:fixed;inset:0;overflow:hidden}.aurora:before,.aurora:after,.aurora span{content:"";filter:blur(80px);will-change:transform;border-radius:50%;position:absolute}.aurora:before{background:radial-gradient(circle, var(--accent-glow), transparent 65%);width:52vmax;height:52vmax;animation:drift-a 26s var(--ease) infinite alternate;top:-18vmax;left:-12vmax}.aurora:after{background:radial-gradient(circle, var(--violet-glow), transparent 65%);width:46vmax;height:46vmax;animation:drift-b 32s var(--ease) infinite alternate;bottom:-16vmax;right:-10vmax}.aurora span{width:34vmax;height:34vmax;animation:drift-c 38s var(--ease) infinite alternate;background:radial-gradient(circle,#ec489929,#0000 68%);top:35%;left:55%}@keyframes drift-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(14vw,10vh)scale(1.18)}}@keyframes drift-b{0%{transform:translate(0,0)scale(1.1)}to{transform:translate(-16vw,-12vh)scale(1)}}@keyframes drift-c{0%{transform:translate(-8vw,6vh)scale(.9)}to{transform:translate(10vw,-10vh)scale(1.15)}}.center-note{min-height:100dvh;color:var(--fg-muted);place-items:center;display:grid}.link-btn{color:var(--fg-muted);transition:color var(--dur) var(--ease);background:0 0;border:none;font-size:.875rem}.link-btn:hover{color:var(--fg)}.auth-screen{place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.auth-card{-webkit-backdrop-filter:blur(24px)saturate(1.4);backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(400px,100%);animation:rise .52s var(--ease) both;background:linear-gradient(#ffffff12,#ffffff08);flex-direction:column;gap:.85rem;padding:2.5rem 2rem;display:flex;box-shadow:0 24px 70px #0000008c}@keyframes rise{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}.auth-card h1{font-family:var(--font-display);text-align:center;background:linear-gradient(120deg, var(--accent-soft), var(--violet) 70%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem}.auth-sub{text-align:center;color:var(--fg-muted);margin:-.35rem 0 .75rem;font-size:.9rem}.auth-card input{border:1px solid var(--border);width:100%;color:var(--fg);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:#00000047;border-radius:12px;padding:.85rem 1rem;font-size:1rem}.auth-card input::placeholder{color:var(--fg-dim)}.auth-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.birth-field{color:var(--fg-muted);flex-direction:column;gap:.4rem;font-size:.8rem;display:flex}.auth-card button[type=submit]{background:linear-gradient(120deg, var(--accent), var(--violet));color:#fff;letter-spacing:.01em;box-shadow:0 8px 26px var(--accent-glow);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), filter var(--dur) var(--ease);border:none;border-radius:12px;margin-top:.35rem;padding:.9rem;font-size:1rem;font-weight:600;position:relative}.auth-card button[type=submit]:hover:not(:disabled){box-shadow:0 14px 34px var(--accent-glow);filter:brightness(1.06);transform:translateY(-2px)}.auth-card button[type=submit]:active:not(:disabled){transform:translateY(0)scale(.985)}.auth-card button[type=submit]:disabled{opacity:.55;cursor:default}.auth-error,.auth-notice{animation:rise .3s var(--ease) both;border-radius:10px;padding:.7rem .9rem;font-size:.85rem}.auth-error{color:#fda4af;background:#dc262624;border:1px solid #f8717152}.auth-notice{color:#6ee7b7;background:#10b9811f;border:1px solid #34d3994d}.legal{color:var(--fg-dim);text-align:center;margin:.4rem 0 0;font-size:.72rem;line-height:1.5}.app-shell{min-height:100dvh}.app-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);background:#08060db8;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.logo{font-family:var(--font-display);background:linear-gradient(120deg, var(--accent-soft), var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.1rem}.gallery{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.gallery h2{font-family:var(--font-display);margin:0 0 .4rem;font-size:clamp(1.5rem,4vw,2.1rem);font-weight:600}.gallery-hint{color:var(--fg-muted);margin:0 0 2rem;font-size:.95rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:1.35rem;display:grid}.char-card{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--fg);text-align:left;transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);animation:rise .48s var(--ease) both;animation-delay:calc(var(--i,0) * 70ms);flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.char-card:hover{border-color:var(--border-strong);box-shadow:0 20px 46px #00000080, 0 0 30px var(--accent-glow);transform:translateY(-6px)}.char-portrait{aspect-ratio:3/3.4;font-family:var(--font-display);color:#ffffff29;background:linear-gradient(165deg,#241a35,#140f1e) 50%/cover;place-items:center;font-size:3.4rem;display:grid;position:relative}.char-portrait:after{content:"";background:linear-gradient(#0000 55%,#08060deb);position:absolute;inset:0}.char-body{z-index:1;background:linear-gradient(#0000,#08060d80 30%);margin-top:-2.4rem;padding:0 1rem 1.2rem;position:relative}.char-name{font-family:var(--font-display);font-size:1.15rem;font-weight:600}.char-tagline{color:var(--fg-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.3rem;font-size:.82rem;line-height:1.45;display:-webkit-box;overflow:hidden}.char-cta{color:var(--accent-soft);opacity:0;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);margin-top:.8rem;font-size:.8rem;font-weight:600;transform:translateY(4px)}.char-card:hover .char-cta{opacity:1;transform:none}.skeleton-card{aspect-ratio:3/4.6;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);position:relative;overflow:hidden}.skeleton-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);animation:1.6s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.vn-screen{grid-template-rows:1fr auto;height:100dvh;display:grid;position:relative;overflow:hidden}.vn-screen:before{content:"";z-index:0;background:radial-gradient(ellipse 70% 50% at 50% 30%, var(--mood,#8b5cf633), transparent 70%);transition:background .9s var(--ease);pointer-events:none;position:absolute;inset:0}.vn-screen.emotion-happy{--mood:#fb923c38}.vn-screen.emotion-playful{--mood:#ec48993d}.vn-screen.emotion-shy{--mood:#f472b633}.vn-screen.emotion-aroused{--mood:#f43f5e4d}.vn-screen.emotion-sad{--mood:#38599438}.vn-screen.emotion-angry{--mood:#dc26263d}.vn-screen.emotion-surprised{--mood:#a855f73d}.vn-scene{z-index:1;place-items:end center;min-height:0;display:grid;position:relative;overflow:hidden}.back-btn{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--fg-muted);transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease);background:#08060d99;padding:.5rem 1rem;font-size:.82rem;position:absolute;top:1rem;left:1rem}.back-btn:hover{color:var(--fg);border-color:var(--border-strong);transform:translate(-2px)}.vn-sprite{height:100%;animation:sprite-in .7s var(--ease) both;place-items:end center;display:grid}@keyframes sprite-in{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:none}}.vn-sprite img{object-fit:contain;filter:drop-shadow(0 20px 50px #0009);max-height:100%}.sprite-placeholder{aspect-ratio:3/4.2;border-radius:var(--radius-lg) var(--radius-lg) 0 0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(165deg,#ffffff12,#ffffff05);align-content:center;place-items:center;gap:.6rem;width:min(300px,62vw);max-height:100%;margin-bottom:0;display:grid;box-shadow:0 20px 60px #00000073}.sprite-letter{font-family:var(--font-display);background:linear-gradient(120deg, var(--accent-soft), var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:3.6rem}.sprite-mood{border:1px solid var(--border);border-radius:var(--radius-pill);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);background:#ffffff12;padding:.25rem .7rem;font-size:.7rem}.vn-dialog{z-index:2;-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);border-top:1px solid var(--border);background:#08060dd1;position:relative}.vn-log{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex-direction:column;gap:.8rem;max-height:42dvh;padding:1.15rem 1.35rem;display:flex;overflow-y:auto}.bubble{border-radius:var(--radius);max-width:min(680px,92%);animation:bubble-in .38s var(--ease) both;padding:.75rem 1.05rem;font-size:.95rem;line-height:1.55}@keyframes bubble-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.bubble p{white-space:pre-wrap;margin:.25rem 0 0}.bubble b{letter-spacing:.04em;color:var(--accent-soft);font-size:.75rem}.bubble.assistant{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:5px;align-self:flex-start}.bubble.user{background:linear-gradient(135deg,#f43f6e38,#8b5cf638);border:1px solid #ffffff1a;border-bottom-right-radius:5px;align-self:flex-end}.bubble.error{color:#fda4af;text-align:center;background:#dc262624;border:1px solid #f871714d;align-self:center;font-size:.85rem}.typing{align-items:center;gap:5px;height:1.2em;margin-top:.5rem;display:flex}.typing i{background:var(--accent-soft);width:6px;height:6px;animation:typing-bounce 1.2s var(--ease) infinite;border-radius:50%}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.caret{background:var(--accent-soft);vertical-align:text-bottom;width:2px;height:1em;margin-left:3px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.vn-input{border-top:1px solid var(--border);gap:.65rem;padding:.9rem 1.35rem 1.3rem;display:flex}.vn-input input{border:1px solid var(--border);border-radius:var(--radius-pill);min-width:0;color:var(--fg);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:#0000004d;flex:1;padding:.85rem 1.15rem;font-size:1rem}.vn-input input::placeholder{color:var(--fg-dim)}.vn-input input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.vn-input button{background:linear-gradient(120deg, var(--accent), var(--violet));color:#fff;width:48px;height:48px;box-shadow:0 6px 20px var(--accent-glow);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), filter var(--dur) var(--ease);border:none;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.vn-input button:hover:not(:disabled){box-shadow:0 10px 28px var(--accent-glow);transform:scale(1.06)}.vn-input button:active:not(:disabled){transform:scale(.95)}.vn-input button:disabled{opacity:.35;cursor:default;box-shadow:none}.vn-input button svg{width:20px;height:20px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=640px){.gallery{padding:1.75rem 1rem 3rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.vn-log{max-height:38dvh;padding:1rem}.vn-input{padding:.75rem 1rem 1rem}}