@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}ul{list-style:none}img{max-width:100%;display:block}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-page:#fff;--bg-white:#fff;--bg-glass:#fffffff2;--bg-card:#fff;--text-dark:#111118;--text-mid:#3a3a4a;--text-secondary:#7a7a8e;--text-muted:#ababbb;--border-soft:#00000012;--border-card:#0000000f;--shadow-card:0 2px 14px #0000000f;--shadow-btn:0 4px 16px #00000024;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--accent-dark:#111118}html,body,#root{width:100%;height:100%}body{background:var(--bg-page);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.phone-shell{width:100%;height:100%;box-shadow:none;background:#fff;border-radius:0;flex-direction:column;display:flex;position:relative;overflow:hidden}.status-bar,.status-time{display:none}.status-notch{background:var(--text-dark);border-radius:var(--radius-full);width:110px;height:28px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.status-icons{align-items:center;gap:5px;display:flex}.status-icons svg{width:15px;height:15px;color:var(--text-dark)}.battery-icon{align-items:center;gap:2px;display:flex}.battery-pill{border:1.5px solid var(--text-dark);border-radius:3px;align-items:center;width:22px;height:11px;padding:1.5px;display:flex;position:relative}.battery-pill:after{content:"";background:var(--text-dark);border-radius:0 1px 1px 0;width:3px;height:5px;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}.battery-fill{background:var(--text-dark);border-radius:1.5px;width:90%;height:100%}.nav-bar{flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 24px 12px;display:flex}.nav-back-btn{background:var(--bg-white);cursor:pointer;width:36px;height:36px;box-shadow:var(--shadow-card);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.nav-back-btn:hover{transform:scale(1.05)}.nav-back-btn svg{width:18px;height:18px;color:var(--text-dark)}.nav-title{color:var(--text-dark);letter-spacing:-.02em;font-size:1rem;font-weight:700}.nav-menu-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.nav-menu-btn:hover{background:#0000000a}.nav-menu-btn svg{width:20px;height:20px;color:var(--text-dark)}.screen{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.chat-screen{padding:0}.chat-content{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 28px 20px;display:flex}.chat-window-area{z-index:10;flex-direction:column;flex:1;padding:10px 20px;display:flex;position:relative;overflow-y:auto}.welcome-view{flex-direction:column;justify-content:center;height:100%;display:flex}.chat-bubbles-list{flex-direction:column;gap:16px;padding-bottom:20px;display:flex}.message-bubble-wrapper{width:100%;display:flex}.message-bubble-wrapper.user{justify-content:flex-end}.message-bubble-wrapper.bot{justify-content:flex-start}.message-bubble{border-radius:var(--radius-md);max-width:80%;box-shadow:var(--shadow-card);padding:12px 16px;font-size:.85rem;line-height:1.45}.user .message-bubble{background:var(--accent-dark);color:#fff;border-bottom-right-radius:4px}.bot .message-bubble{background:var(--bg-white);color:var(--text-dark);border:1px solid var(--border-soft);border-bottom-left-radius:4px}.message-bubble.image-bubble{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.bubble-image-container{flex-direction:column;gap:8px;display:flex}.bubble-image{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-sm);display:block}.bubble-image-wrapper{display:inline-block;position:relative}.download-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;opacity:1;background:#0006;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.download-btn:hover{background:#000000b3;transform:scale(1.05)}.download-btn svg{width:16px;height:16px}.bubble-image-prompt{color:var(--text-secondary);margin-top:4px;font-size:.72rem;font-style:italic}.loading-shimmer-card{flex-direction:column;gap:12px;width:240px;display:flex}.shimmer-grid{aspect-ratio:1;border-radius:var(--radius-sm);background:#f0f0f5;width:100%;position:relative;overflow:hidden}.shimmer-pulse-block{background:linear-gradient(90deg,#f0f0f5 25%,#e6e6f0 50%,#f0f0f5 75%) 0 0/200% 100%;width:100%;height:100%;animation:1.4s infinite shimmer-swipe}@keyframes shimmer-swipe{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-text{color:var(--text-secondary);font-size:.75rem;font-weight:500}.chat-greeting-main{color:var(--text-dark);text-align:center;letter-spacing:-.03em;font-size:1.7rem;font-weight:700;line-height:1.25}.chat-greeting-sub{color:var(--text-secondary);text-align:center;margin-top:2px;font-size:.82rem}.popular-section{flex-shrink:0;padding:0 24px 12px}.popular-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.popular-label{color:var(--text-dark);font-size:.82rem;font-weight:600}.see-all-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:500;transition:color .2s}.see-all-btn:hover{color:var(--text-dark)}.idea-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.idea-card{background:var(--bg-white);border:1px solid var(--border-card);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-card);padding:16px 14px;transition:all .25s}.idea-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000001a}.idea-card-abbr{color:var(--text-mid);letter-spacing:-.02em;margin-bottom:6px;font-size:.95rem;font-weight:800}.idea-card-desc{color:var(--text-secondary);font-size:.72rem;line-height:1.4}.dot-matrix-loader{flex-direction:column;align-items:flex-start;width:100%;max-width:260px;display:flex}.dot-matrix-text{color:#555;margin-bottom:16px;font-size:.85rem;font-weight:600}.dot-matrix-grid{grid-template-rows:repeat(11,12px);grid-template-columns:repeat(11,12px);justify-content:center;align-self:center;gap:6px;display:grid}.dot-matrix-grid .dot{opacity:0;background-color:#b0b0b0;border-radius:50%;width:4px;height:4px;margin:auto}.dot-matrix-grid .dot.visible{animation:1.5s ease-in-out infinite alternate pulse-dot}.dot-matrix-grid .dot.hidden{visibility:hidden}@keyframes pulse-dot{0%{opacity:.15;transform:scale(.6)}to{opacity:1;transform:scale(1.4)}}.chat-input-bar{flex-shrink:0;align-items:center;gap:10px;padding:10px 20px 16px;display:flex}.chat-plus-btn{background:var(--bg-white);border:1px solid var(--border-soft);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-card);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;transition:all .2s;display:flex}.chat-plus-btn:hover{color:var(--text-dark);background:#fff}.chat-input-field{background:var(--bg-white);border:1px solid var(--border-soft);border-radius:var(--radius-full);color:var(--text-mid);box-shadow:var(--shadow-card);outline:none;flex:1;padding:11px 16px;font-family:inherit;font-size:16px;transition:border-color .2s}.chat-input-field::placeholder{color:var(--text-muted)}.chat-input-field:focus{border-color:#00000026}.chat-send-btn{background:var(--accent-dark);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-btn);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.chat-send-btn:hover{transform:scale(1.06)}.chat-send-btn svg{color:#fff;width:18px;height:18px}.chat-mic-btn{border:1.5px solid var(--border-soft);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s;display:flex}.chat-mic-btn:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff;box-shadow:var(--shadow-btn);transform:scale(1.06)}.chat-mic-btn svg{width:18px;height:18px}.voice-screen{background:0 0}.voice-orb-section{flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.orb-video{filter:invert()brightness(1.05);width:100%;max-width:320px;height:auto;display:block}.container-loader{--size:260px;width:var(--size);height:var(--size);opacity:.15;pointer-events:none;z-index:0;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.container-loader .ball{width:calc(var(--size) + var(--i));height:calc(var(--size) + var(--i));background-color:var(--color);border-radius:var(--radius-md);transform-origin:var(--size);mix-blend-mode:hard-light;animation:5s linear infinite move;animation-duration:var(--d);filter:blur(48px);position:absolute}.container-loader .ball:nth-child(2n){animation-direction:reverse}@keyframes move{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.voice-assistant-label{color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;gap:6px;margin-bottom:12px;font-size:.78rem;font-weight:500;display:flex}.voice-assistant-label .sparkle-icon{font-size:.85rem}.voice-question{color:var(--text-dark);text-align:center;letter-spacing:-.03em;flex-shrink:0;margin-bottom:24px;padding:0 28px;font-size:1.75rem;font-weight:700;line-height:1.25}.voice-controls{flex-shrink:0;justify-content:center;align-items:center;gap:28px;padding:0 28px 16px;display:flex}.voice-ctrl-btn{border:1px solid var(--border-soft);background:var(--bg-white);cursor:pointer;width:52px;height:52px;box-shadow:var(--shadow-card);border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex}.voice-ctrl-btn:hover{transform:scale(1.06);box-shadow:0 6px 24px #0000001a}.voice-ctrl-btn svg{width:22px;height:22px;color:var(--text-dark)}.voice-mic-btn{background:var(--accent-dark);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;transition:all .25s;display:flex;box-shadow:0 8px 32px #0003}.voice-mic-btn:hover{transform:scale(1.06);box-shadow:0 12px 40px #00000040}.voice-mic-btn svg{color:#fff;width:28px;height:28px}@keyframes float-orb{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-ring{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.2;transform:scale(1.1)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s forwards fadeSlideIn}@media (width<=480px){body{justify-content:flex-start;align-items:flex-start}.phone-shell{width:100vw;height:100dvh;box-shadow:none;border-radius:0}}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}
