:root{--pink:#ff7eb6;--pink-soft:#ffe8f3;--sky:#5ec8f2;--sky-soft:#e8f7fe;--bg:#f4f7fb;--surface:#fff;--ink:#1a2332;--ink-2:#5a6a82;--line:#e6ebf2;--ok:#12b886;--danger:#e03131;--shadow:0 8px 28px #1a233214;--radius:20px;--radius-sm:14px;--font:"Nunito Sans", system-ui, -apple-system, sans-serif;--display:"Varela Round", var(--font);--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--nav-h:64px;--header-h:56px}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);margin:0;line-height:1.45;overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{opacity:.5;cursor:not-allowed}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{background:var(--surface);max-width:480px;height:100svh;box-shadow:0 0 0 1px var(--line), var(--shadow);flex-direction:column;margin:0 auto;display:flex;position:relative}.login{background:radial-gradient(600px 300px at 20% 0%, #ff7eb62e, transparent 60%), radial-gradient(500px 280px at 100% 20%, #5ec8f22e, transparent 55%), var(--bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--line);width:min(380px,100%);box-shadow:var(--shadow);text-align:center;border-radius:24px;padding:28px 22px}.brand-mark{background:linear-gradient(135deg, var(--pink), var(--sky));color:#fff;border-radius:18px;place-items:center;width:64px;height:64px;margin:0 auto 12px;display:grid;box-shadow:0 10px 24px #ff7eb647}.login-card h1{font-family:var(--display);margin:0;font-size:28px;font-weight:400}.login-card .sub{color:var(--ink-2);margin:6px 0 20px;font-size:14px}.field{text-align:left;color:var(--ink-2);gap:6px;margin-bottom:12px;font-size:13px;font-weight:700;display:grid}.field input{border:1px solid var(--line);background:#fafbfd;border-radius:14px;outline:none;width:100%;min-height:48px;padding:12px 14px}.field input:focus{border-color:var(--sky);box-shadow:0 0 0 3px #5ec8f233}.btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 16px;font-size:15px;font-weight:800;display:inline-flex}.btn.block{width:100%}.btn.primary{color:#fff;background:linear-gradient(135deg, var(--pink), #b794f6 45%, var(--sky));box-shadow:0 10px 22px #ff7eb640}.btn.ghost{color:var(--ink);background:#f3f6fa}.btn.icon{width:44px;min-width:44px;height:44px;color:var(--ink-2);background:#f3f6fa;border-radius:14px;padding:0}.btn.icon.active{background:var(--pink-soft);color:#d6336c}.error{color:var(--danger);margin:10px 0 0;font-size:13px}.topbar{height:calc(var(--header-h) + var(--safe-t));padding:var(--safe-t) 12px 0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#ffffffeb;justify-content:space-between;align-items:center;gap:8px;display:flex}.topbar .title{align-items:center;gap:10px;min-width:0;display:flex}.topbar .title strong{font-family:var(--display);font-size:18px;font-weight:400;line-height:1.1;display:block}.topbar .title span{color:var(--ink-2);font-size:12px;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:11px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.screen{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.messages{overscroll-behavior:contain;background:radial-gradient(420px 200px at 0 0,#ff7eb614,#0000 70%),radial-gradient(380px 180px at 100% 0,#5ec8f214,#0000 70%),#fbfcfe;flex-direction:column;flex:1;gap:10px;padding:16px 14px 12px;display:flex;overflow:auto}.bubble{white-space:pre-wrap;word-break:break-word;border-radius:16px;max-width:86%;padding:11px 13px;font-size:15px;line-height:1.45}.bubble.user{background:linear-gradient(135deg,#ffe3f1,#efe7ff);border-bottom-right-radius:6px;align-self:flex-end}.bubble.assistant{border:1px solid var(--line);background:#fff;border-bottom-left-radius:6px;align-self:flex-start;box-shadow:0 4px 14px #1a23320a}.bubble.system{color:var(--ink-2);border:1px dashed var(--line);background:0 0;align-self:center;font-size:13px}.typing{border:1px solid var(--line);background:#fff;border-radius:16px;align-self:flex-start;align-items:center;gap:5px;padding:12px 14px;display:inline-flex}.typing i{background:var(--pink);border-radius:50%;width:6px;height:6px;display:block}.empty{text-align:center;color:var(--ink-2);max-width:300px;margin:auto;padding:24px 16px}.empty h2{font-family:var(--display);color:var(--ink);margin:0 0 6px;font-size:22px;font-weight:400}.empty p{margin:0 0 14px;font-size:14px}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{border:1px solid var(--line);color:var(--ink-2);background:#fff;border-radius:999px;min-height:36px;padding:8px 12px;font-size:13px;font-weight:700}.composer{border-top:1px solid var(--line);padding:10px 10px calc(10px + var(--safe-b));background:#fff;grid-template-columns:44px 1fr 48px;align-items:end;gap:8px;display:grid}.composer textarea{resize:none;border:1px solid var(--line);background:#fafbfd;border-radius:16px;outline:none;width:100%;min-height:44px;max-height:120px;padding:11px 12px;line-height:1.35}.composer textarea:focus{border-color:var(--sky);box-shadow:0 0 0 3px #5ec8f22e}.send{color:#fff;background:linear-gradient(135deg, var(--pink), var(--sky));border-radius:14px;place-items:center;width:48px;height:44px;display:grid}.voice-screen{min-height:0;padding:20px 20px calc(20px + var(--safe-b));text-align:center;background:radial-gradient(360px 220px at 50% 30%,#ff7eb624,#0000 70%),radial-gradient(300px 180px at 50% 70%,#5ec8f21f,#0000 70%),#fbfcfe;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.voice-orb{color:#fff;background:linear-gradient(145deg, var(--pink), #b794f6 50%, var(--sky));border-radius:50%;place-items:center;width:120px;height:120px;display:grid;position:relative;box-shadow:0 16px 40px #ff7eb64d}.voice-orb.listening{box-shadow:0 0 0 10px #ff7eb626,0 16px 40px #ff7eb64d}.voice-state{font-family:var(--display);margin:8px 0 0;font-size:20px;font-weight:400}.voice-hint{color:var(--ink-2);max-width:320px;min-height:40px;margin:0;font-size:14px}.voice-error{color:var(--danger);max-width:320px;margin:0;font-size:13px}.voice-controls{align-items:center;gap:10px;margin-top:8px;display:flex}.mic-big{color:#fff;background:linear-gradient(145deg, var(--pink), var(--sky));border-radius:50%;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 12px 28px #ff7eb647}.mic-big.on{background:linear-gradient(145deg,#e03131,#f06595)}.voice-log{text-align:left;gap:6px;width:100%;max-height:160px;margin-top:8px;display:grid;overflow:auto}.voice-log .row{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 10px;font-size:13px}.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:14px;padding-bottom:calc(14px + var(--safe-b));background:#fbfcfe;flex:1;overflow:auto}.panel h3{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:0 0 10px;font-size:13px}.card{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;padding:12px;display:flex}.card .meta{color:var(--ink-2);margin-top:2px;font-size:12px}.done{color:#0b7a57;background:#12b8861f;border-radius:10px;min-height:32px;padding:4px 10px;font-size:12px;font-weight:800}.quick{gap:8px;margin-top:8px;display:flex}.quick input{border:1px solid var(--line);background:#fff;border-radius:12px;outline:none;flex:1;min-height:44px;padding:0 12px}.mem-key{color:#d6336c;margin-bottom:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:block}.del{width:32px;height:32px;color:var(--ink-2);border-radius:8px;place-items:center;display:grid}.tabbar{height:calc(var(--nav-h) + var(--safe-b));padding:0 8px var(--safe-b);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#fffffff5;grid-template-columns:repeat(4,1fr);align-items:center;gap:4px;display:grid}.tab{min-height:52px;color:var(--ink-2);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:800;display:flex}.tab.on{color:#c2255c;background:var(--pink-soft)}@media (width>=900px){body{background:radial-gradient(900px 400px at 10% 0,#ff7eb61f,#0000 60%),radial-gradient(800px 360px at 90% 10%,#5ec8f21f,#0000 55%),#eef3f8;overflow:auto}.app{border-radius:28px;height:calc(100dvh - 48px);margin:24px auto;overflow:hidden}.login{min-height:100dvh}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}