:root{--pink:#ff7eb6;--pink-deep:#ec4899;--pink-soft:#ffe8f3;--sky:#5ec8f2;--sky-deep:#0ea5e9;--sky-soft:#e8f7fe;--lilac:#b794f6;--mint:#6ee7d6;--bg:#f4f7fb;--bg-2:#eef3f8;--surface:#fff;--surface-2:#fafbfd;--glass:#ffffffb8;--glass-strong:#ffffffe0;--ink:#1a2332;--ink-2:#5a6a82;--ink-3:#8a99b3;--line:#e6ebf2;--line-soft:#f0f3f8;--ok:#12b886;--danger:#e03131;--warn:#f59f00;--shadow-sm:0 2px 6px #1a23320f;--shadow:0 12px 32px #1a23321a;--shadow-lg:0 24px 56px #1a233229;--glow-pink:0 12px 36px #ff7eb659;--glow-sky:0 12px 36px #5ec8f259;--radius-xl:28px;--radius:20px;--radius-md:14px;--radius-sm:10px;--radius-pill:999px;--font:"Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--display:"Varela Round", var(--font);--mono:ui-monospace, SFMono-Regular, Menlo, monospace;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--nav-h:68px;--header-h:60px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5;overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{opacity:.45;cursor:not-allowed}input,textarea{appearance:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bg-aurora{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-aurora .orb{filter:blur(60px);opacity:.55;will-change:transform;border-radius:50%;position:absolute}.bg-aurora .orb-a{background:radial-gradient(circle, var(--pink), transparent 65%);width:360px;height:360px;top:-80px;left:-60px}.bg-aurora .orb-b{background:radial-gradient(circle, var(--sky), transparent 65%);width:420px;height:420px;top:30%;right:-120px}.bg-aurora .orb-c{background:radial-gradient(circle, var(--lilac), transparent 65%);width:320px;height:320px;bottom:-60px;left:30%}.bg-aurora .sparkle{filter:blur(.5px);pointer-events:none;will-change:transform, opacity;background:radial-gradient(circle,#ffffffe6,#ffd93d66 40%,#0000 70%);border-radius:50%;position:absolute}.bg-grain{pointer-events:none;z-index:1;opacity:.4;mix-blend-mode:overlay;background-image:radial-gradient(circle at 1px 1px,#ffffff80 1px,#0000 0);background-size:24px 24px;position:fixed;inset:0}.app{z-index:2;-webkit-backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(#ffffffa6,#f4f7fbd9);flex-direction:column;max-width:480px;height:100svh;margin:0 auto;display:flex;position:relative;box-shadow:inset 0 0 0 1px #fff9,0 24px 60px #1a23321a}.login{z-index:2;background:radial-gradient(600px 300px at 20% 0%, #ff7eb638, transparent 60%), radial-gradient(500px 280px at 100% 20%, #5ec8f238, transparent 55%), radial-gradient(400px 240px at 50% 100%, #b794f62e, transparent 60%), var(--bg);place-items:center;min-height:100dvh;padding:24px;display:grid;position:relative}.login-card{background:var(--glass-strong);border-radius:var(--radius-xl);width:min(380px,100%);box-shadow:var(--shadow-lg);text-align:center;-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid #fff9;padding:32px 24px;position:relative;overflow:hidden}.login-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ff7eb614,#5ec8f214);position:absolute;inset:0}.login-card>*{position:relative}.brand-mark{background:linear-gradient(135deg, var(--pink), var(--lilac) 50%, var(--sky));color:#fff;width:72px;height:72px;box-shadow:var(--glow-pink);border-radius:22px;place-items:center;margin:0 auto 16px;display:grid;position:relative}.brand-mark:after{content:"";border:1px solid #ffffff80;border-radius:30px;animation:2.4s ease-in-out infinite ringPulse;position:absolute;inset:-8px}@keyframes ringPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.08)}}.login-card h1{font-family:var(--display);letter-spacing:-.5px;margin:0;font-size:32px;font-weight:400}.login-card .sub{color:var(--ink-2);margin:6px 0 24px;font-size:14px}.field{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);gap:6px;margin-bottom:14px;font-size:12px;font-weight:800;display:grid}.field input{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);width:100%;min-height:52px;transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);outline:none;padding:14px 16px;font-size:16px;font-weight:500}.field input:focus{border-color:var(--pink);box-shadow:0 0 0 4px #ff7eb626}.btn{border-radius:var(--radius-pill);min-height:48px;transition:transform .15s var(--ease-spring), box-shadow .2s var(--ease-out), background .2s var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.btn.block{width:100%}.btn.primary{color:#fff;background:linear-gradient(135deg, var(--pink), var(--lilac) 50%, var(--sky));box-shadow:var(--glow-pink);background-size:200% 200%;animation:6s infinite gradShift}@keyframes gradShift{0%,to{background-position:0%}50%{background-position:100%}}.btn.primary:hover{box-shadow:0 16px 40px #ff7eb673}.btn.primary:active{transform:scale(.97)}.btn.ghost{color:var(--ink);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9}.btn.ghost:hover{background:#ffffffd9}.btn.icon{border-radius:var(--radius-md);width:44px;min-width:44px;height:44px;color:var(--ink-2);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffa6;padding:0}.btn.icon:hover{color:var(--ink);background:#ffffffe6}.btn.icon.active{background:var(--pink-soft);color:var(--pink-deep);border-color:#ff7eb64d}.error{color:var(--danger);margin:12px 0 0;font-size:13px;font-weight:600}.topbar{height:calc(var(--header-h) + var(--safe-t));padding:var(--safe-t) 16px 0;background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:5;border-bottom:1px solid #fff9;justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.topbar .title{align-items:center;gap:12px;min-width:0;display:flex}.topbar .title strong{font-family:var(--display);letter-spacing:-.3px;font-size:19px;font-weight:400;line-height:1.1;display:block}.topbar .title span{color:var(--ink-3);font-size:12px;font-weight:600;display:block}.top-actions{align-items:center;gap:6px;display:flex}.mini-logo{background:linear-gradient(135deg, var(--pink), var(--sky));color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;position:relative;box-shadow:0 6px 16px #ff7eb640}.mini-logo:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff4d,#0000 50%);border-radius:12px;position:absolute;inset:0}.screen{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.messages{overscroll-behavior:contain;scroll-behavior:smooth;background:radial-gradient(420px 200px at 0 0,#ff7eb60f,#0000 70%),radial-gradient(380px 180px at 100% 100%,#5ec8f20f,#0000 70%);flex-direction:column;flex:1;gap:10px;padding:18px 14px 12px;display:flex;overflow:auto}.bubble{white-space:pre-wrap;word-break:break-word;border-radius:18px;max-width:86%;padding:12px 14px;font-size:15px;line-height:1.5;position:relative}.bubble.user{color:var(--ink);background:linear-gradient(135deg,#ffe3f1,#efe7ff);border-bottom-right-radius:6px;align-self:flex-end;box-shadow:0 4px 14px #ff7eb626}.bubble.assistant{background:var(--glass-strong);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff9;border-bottom-left-radius:6px;align-self:flex-start}.bubble.system{color:var(--ink-2);border:1px dashed var(--line);background:0 0;border-radius:12px;align-self:center;padding:8px 14px;font-size:13px}.typing{background:var(--glass-strong);box-shadow:var(--shadow-sm);border:1px solid #fff9;border-radius:18px 18px 18px 6px;align-self:flex-start;align-items:center;gap:5px;padding:14px 16px;display:inline-flex}.typing i{background:var(--pink);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite dotPulse;display:block}.typing i:nth-child(2){background:var(--lilac);animation-delay:.15s}.typing i:nth-child(3){background:var(--sky);animation-delay:.3s}@keyframes dotPulse{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.empty{text-align:center;color:var(--ink-2);max-width:320px;margin:auto;padding:32px 16px}.empty h2{font-family:var(--display);color:var(--ink);letter-spacing:-.3px;margin:12px 0 8px;font-size:26px;font-weight:400}.empty p{margin:0 0 18px;font-size:14px}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--glass-strong);border-radius:var(--radius-pill);color:var(--ink-2);min-height:38px;transition:all .2s var(--ease-out);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 14px;font-size:13px;font-weight:700}.chip:hover{background:var(--pink-soft);color:var(--pink-deep);box-shadow:var(--shadow-sm);border-color:#ff7eb64d;transform:translateY(-1px)}.composer{padding:12px 12px calc(12px + var(--safe-b));background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border-top:1px solid #fff9;grid-template-columns:44px 1fr 48px;align-items:end;gap:8px;display:grid}.composer textarea{resize:none;border:1px solid var(--line);background:var(--surface);width:100%;min-height:44px;max-height:120px;transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);border-radius:16px;outline:none;padding:12px 14px;font-size:15px;line-height:1.4}.composer textarea:focus{border-color:var(--pink);box-shadow:0 0 0 4px #ff7eb61f}.send{color:#fff;background:linear-gradient(135deg, var(--pink), var(--sky));width:48px;height:44px;transition:transform .15s var(--ease-spring), box-shadow .2s var(--ease-out);border-radius:14px;place-items:center;display:grid;box-shadow:0 8px 20px #ff7eb64d}.send:active{transform:scale(.92)}.send:disabled{background:var(--line);box-shadow:none}.voice-screen{min-height:0;padding:24px 24px calc(24px + var(--safe-b));text-align:center;background:radial-gradient(420px 260px at 50% 30%,#ff7eb62e,#0000 70%),radial-gradient(360px 220px at 50% 75%,#5ec8f229,#0000 70%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex;position:relative}.voice-orb-wrap{place-items:center;width:220px;height:220px;margin-bottom:8px;display:grid;position:relative}.voice-ring{pointer-events:none;border-radius:50%;position:absolute;inset:0}.voice-ring.r1{background:radial-gradient(circle,#ff7eb640,#0000 65%);animation:2.6s ease-out infinite ringExpand}.voice-ring.r2{background:radial-gradient(circle,#5ec8f238,#0000 65%);animation:2.6s ease-out .8s infinite ringExpand}.voice-ring.r3{background:radial-gradient(circle,#b794f633,#0000 65%);animation:2.6s ease-out 1.6s infinite ringExpand}@keyframes ringExpand{0%{opacity:0;transform:scale(.7)}20%{opacity:1}to{opacity:0;transform:scale(1.25)}}.voice-orb-wrap.idle .voice-ring{opacity:0;animation-play-state:paused}.voice-orb{color:#fff;background:linear-gradient(145deg, var(--pink), var(--lilac) 50%, var(--sky));z-index:1;background-size:200% 200%;border-radius:50%;place-items:center;width:144px;height:144px;animation:4s ease-in-out infinite orbBreath,8s infinite gradShift;display:grid;position:relative;box-shadow:0 20px 50px #ff7eb666,inset 0 0 40px #ffffff26}@keyframes orbBreath{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.voice-orb:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 25%,#fff6,#0000 50%);border-radius:50%;position:absolute;inset:6px}.waveform{align-items:center;gap:3px;height:36px;display:flex}.waveform span{background:#ffffffd9;border-radius:2px;width:4px;height:8px;animation:1s ease-in-out infinite waveBar}.waveform span:first-child{animation-delay:0s}.waveform span:nth-child(2){animation-delay:.1s}.waveform span:nth-child(3){animation-delay:.2s}.waveform span:nth-child(4){animation-delay:.15s}.waveform span:nth-child(5){animation-delay:50ms}.waveform span:nth-child(6){animation-delay:.25s}.waveform span:nth-child(7){animation-delay:.1s}@keyframes waveBar{0%,to{height:8px}50%{height:32px}}.voice-orb-wrap.idle .waveform span{opacity:.5;height:8px;animation:none}.voice-fallback{background:linear-gradient(135deg, var(--pink-soft), var(--sky-soft));text-align:left;max-width:320px;color:var(--ink-2);border:1px solid #ff7eb640;border-radius:14px;align-items:flex-start;gap:10px;margin-top:12px;padding:12px 14px;font-size:13px;display:flex}.voice-fallback strong{color:var(--ink);margin-bottom:2px;font-size:13px;display:block}.voice-fallback button{background:linear-gradient(135deg, var(--pink), var(--sky));color:#fff;box-shadow:var(--glow-pink);border-radius:999px;align-items:center;gap:6px;margin-top:6px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.voice-state{font-family:var(--display);letter-spacing:-.3px;margin:4px 0 0;font-size:22px;font-weight:400}.voice-hint{color:var(--ink-2);text-align:center;max-width:320px;min-height:40px;margin:0;font-size:14px;line-height:1.45}.voice-error{color:var(--danger);background:#e0313114;border:1px solid #e0313133;border-radius:12px;max-width:320px;margin:4px 0 0;padding:8px 12px;font-size:13px}.voice-controls{align-items:center;gap:12px;margin-top:12px;display:flex}.mic-big{color:#fff;background:linear-gradient(145deg, var(--pink), var(--sky));width:76px;height:76px;transition:transform .2s var(--ease-spring);border-radius:50%;place-items:center;display:grid;box-shadow:0 16px 36px #ff7eb659}.mic-big:active{transform:scale(.92)}.mic-big.on{background:linear-gradient(145deg,#e03131,#f06595);box-shadow:0 16px 36px #e0313166}.voice-log{text-align:left;gap:6px;width:100%;max-height:180px;margin-top:12px;padding:0 4px;display:grid;overflow:auto}.voice-log .row{background:var(--glass-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rowSlide .3s var(--ease-out);border:1px solid #fff9;border-radius:14px;padding:10px 12px;font-size:13px}@keyframes rowSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.voice-log .row.user{border-left:3px solid var(--pink)}.voice-log .row.assistant{border-left:3px solid var(--sky)}.panel{min-height:0;padding:18px 14px;padding-bottom:calc(18px + var(--safe-b));background:0 0;flex:1;overflow:auto}.panel h3{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0 0 12px;font-size:11px;font-weight:800}.card{background:var(--glass-strong);border-radius:var(--radius);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out);animation:cardIn .35s var(--ease-out) both;border:1px solid #fff9;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;padding:14px;display:flex}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card.muted{color:var(--ink-3);text-align:center;background:#fff6;font-size:14px;font-weight:600;display:block}.card .meta{color:var(--ink-3);margin-top:4px;font-size:12px;font-weight:600}.done{color:#0b7a57;min-height:32px;transition:transform .15s var(--ease-spring);background:#12b88624;border-radius:10px;padding:6px 12px;font-size:12px;font-weight:800}.done:active{transform:scale(.94)}.quick{gap:8px;margin-top:14px;display:flex}.quick input{border:1px solid var(--line);background:var(--surface);min-height:48px;transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);border-radius:14px;outline:none;flex:1;padding:0 14px;font-size:15px}.quick input:focus{border-color:var(--pink);box-shadow:0 0 0 4px #ff7eb61f}.mem-key{color:var(--pink-deep);font-size:11px;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-weight:700;display:block}.del{width:32px;height:32px;color:var(--ink-3);transition:all .15s var(--ease-out);border-radius:10px;place-items:center;display:grid}.del:hover{color:var(--danger);background:#e031311a}.tabbar{height:calc(var(--nav-h) + var(--safe-b));padding:8px 12px var(--safe-b);background:var(--glass-strong);-webkit-backdrop-filter:blur(24px)saturate(200%);z-index:5;border-top:1px solid #fff9;grid-template-columns:repeat(4,1fr);align-items:center;gap:4px;display:grid;position:relative}.tab{min-height:52px;color:var(--ink-3);transition:color .2s var(--ease-out);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:800;display:flex;position:relative}.tab.on{color:var(--pink-deep)}.tab .tab-indicator{background:linear-gradient(135deg, var(--pink-soft), var(--sky-soft));z-index:-1;border:1px solid #ff7eb633;border-radius:16px;position:absolute;inset:0}.tab .tab-icon{transition:transform .25s var(--ease-spring)}.tab.on .tab-icon{transform:translateY(-1px)scale(1.08)}.toast-stack{top:calc(var(--safe-t) + 12px);z-index:1000;pointer-events:none;flex-direction:column;gap:8px;width:max-content;max-width:90vw;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--glass-strong);color:var(--ink);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px)saturate(180%);pointer-events:auto;border:1px solid #fff9;border-radius:14px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.toast.ok{color:#0b7a57}.toast.ok .toast-dot{background:var(--ok)}.toast.err{color:var(--danger)}.toast.err .toast-dot{background:var(--danger)}.toast.info{color:var(--sky-deep)}.toast.info .toast-dot{background:var(--sky-deep)}.toast-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 8px}.install-banner{bottom:calc(var(--nav-h) + var(--safe-b) + 12px);background:var(--glass-strong);max-width:456px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:100;border:1px solid #fff9;border-radius:18px;align-items:center;gap:10px;margin:0 auto;padding:12px 14px;display:flex;position:fixed;left:12px;right:12px}.install-banner .icon-wrap{background:linear-gradient(135deg, var(--pink), var(--sky));color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.install-banner .text{flex:1;min-width:0}.install-banner .text strong{font-size:13px;display:block}.install-banner .text span{color:var(--ink-3);font-size:11px}.install-banner .actions{gap:6px;display:flex}.install-banner .actions .btn{min-height:36px;padding:0 12px;font-size:13px}.net-pill{top:calc(var(--safe-t) + 8px);background:var(--danger);color:#fff;z-index:999;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:800;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #e0313166}@media (width>=900px){body{background:radial-gradient(900px 500px at 10% 0%, #ff7eb624, transparent 60%), radial-gradient(800px 400px at 90% 10%, #5ec8f224, transparent 55%), radial-gradient(700px 400px at 50% 100%, #b794f61f, transparent 60%), var(--bg);overflow:auto}.app{border:1px solid #ffffffb3;border-radius:32px;height:calc(100dvh - 56px);margin:28px auto;overflow:hidden}.login{min-height:100dvh}.toast-stack{top:40px}}@media (width<=360px){.topbar .title strong{font-size:17px}.voice-orb{width:120px;height:120px}.voice-orb-wrap{width:200px;height:200px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.bg-aurora .orb{opacity:.4;animation:none!important}.voice-ring{display:none}}