.app-layout{display:flex;width:100%;min-height:100vh;background:radial-gradient(circle at 0% 100%,#3b1b5f,#120819 40%,#05010a);color:#fff;font-family:Inter,sans-serif}.sidebar{width:260px;min-width:260px;height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#090618f5,#0b071ffa);border-right:1px solid rgba(255,255,255,.06);padding:20px 16px;transition:width .25s ease,min-width .25s ease,padding .25s ease;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-shrink:0}.sidebar-logo{height:28px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}.sidebar-header-actions{display:flex;align-items:center;gap:4px}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#ffffff80;border-radius:8px;cursor:pointer;transition:color .15s,background .15s}.icon-btn:hover{color:#fff;background:#ffffff14}.sidebar-search{position:relative;margin-bottom:24px;flex-shrink:0}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#ffffff59;pointer-events:none}.search-input{width:100%;height:40px;padding:0 14px 0 40px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-family:inherit;font-size:14px;outline:none;transition:border-color .15s,background .15s}.search-input::placeholder{color:#ffffff59}.search-input:focus{border-color:#ffffff26;background:#ffffff14}.sidebar-section-label{display:block;font-size:11px;font-weight:500;color:#ffffff59;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;padding:0 8px}.sidebar-nav{margin-bottom:24px;flex-shrink:0}.nav-list,.chat-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.nav-item,.chat-history-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;color:#ffffffa6;font-family:inherit;font-size:14px;font-weight:400;border-radius:10px;cursor:pointer;text-align:left;transition:background .15s,color .15s}.nav-item:hover,.chat-history-item:hover{background:#ffffff0f;color:#fff}.nav-item.active,.chat-history-item.active{background:#ffffff1a;color:#fff}.nav-item svg,.chat-history-item svg{flex-shrink:0;opacity:.7}.nav-label,.chat-history-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-more-icon{flex-shrink:0;opacity:.5}.sidebar-chats{flex:1;overflow-y:auto;min-height:0}.sidebar-chats::-webkit-scrollbar{width:4px}.sidebar-chats::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.sidebar-footer{flex-shrink:0;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);margin-top:8px}.upgrade-cta{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:none;background:transparent;border-radius:12px;cursor:pointer;text-align:left;transition:background .15s}.upgrade-cta:hover{background:#ffffff0f}.upgrade-icon{color:#b777ff;flex-shrink:0}.upgrade-text{display:flex;flex-direction:column;gap:2px}.upgrade-title{font-size:14px;font-weight:500;color:#fff}.upgrade-subtitle{font-size:12px;color:#ffffff73}.app-layout.sidebar-collapsed .sidebar{width:72px;min-width:72px;padding:20px 10px}.app-layout.sidebar-collapsed .sidebar-logo,.app-layout.sidebar-collapsed .sidebar-search,.app-layout.sidebar-collapsed .sidebar-section-label,.app-layout.sidebar-collapsed .nav-label,.app-layout.sidebar-collapsed .chat-history-label,.app-layout.sidebar-collapsed .chat-more-icon,.app-layout.sidebar-collapsed .upgrade-text{display:none}.app-layout.sidebar-collapsed .sidebar-header{flex-direction:column;gap:8px}.app-layout.sidebar-collapsed .sidebar-header-actions{flex-direction:column}.app-layout.sidebar-collapsed .nav-item,.app-layout.sidebar-collapsed .chat-history-item{justify-content:center;padding:10px}.app-layout.sidebar-collapsed .upgrade-cta{justify-content:center}.main-chat{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;background:radial-gradient(circle at 20% 0%,#60358f,#2b1447 38%,#0b0618);position:relative}.main-chat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(720px 520px at 80% -10%,#f7b6ff4d,#a462ff1a 40%,#4d249800 70%),radial-gradient(520px 420px at 95% 25%,#84cbff40,#5890de00 60%);filter:blur(2px)}.main-chat>*{position:relative;z-index:1}.main-header{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 32px 12px;flex-shrink:0}.credits-pill{display:flex;align-items:center;gap:6px;padding:6px 14px;background:radial-gradient(circle at 0% 0%,#ffffff26,#1b0b40d9);border:1px solid rgba(255,255,255,.18);border-radius:20px;font-size:13px;font-weight:500;color:#ffffffd9}.credits-icon{color:#9b7bff}.user-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.1);flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.messages-area{flex:1;overflow-y:auto;padding:24px 32px;min-height:0}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:6px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;text-align:center;padding:40px}.empty-title{font-size:28px;font-weight:500;color:#fff;margin:0 0 12px;letter-spacing:-.02em}.empty-subtitle{font-size:15px;color:#ffffff73;margin:0}.messages-container{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:32px;width:100%}.message-row{display:flex;width:100%}.message-row.user{justify-content:flex-end}.message-row.ai{justify-content:flex-start}.message-bubble.user{max-width:75%;padding:14px 18px;background:radial-gradient(circle at 0% 0%,#ffffff29,#562f8bf2);border:1px solid rgba(209,178,255,.65);border-radius:16px 16px 4px}.message-bubble.user .message-text{color:#fff;font-size:14px;line-height:1.55;margin:0;white-space:pre-line}.message-ai{max-width:85%;display:flex;flex-direction:column;gap:12px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:16px 20px;border-radius:12px}.message-ai .message-text{color:#ffffffeb;font-size:14px;line-height:1.65;margin:0 0 12px;white-space:pre-line}.message-ai .message-text:last-child{margin-bottom:0}.ai-blockquote{margin:0 0 16px;padding:0 0 0 16px;border-left:3px solid rgba(214,179,255,.95);border-radius:0}.ai-blockquote .message-text{margin:0;color:#ffffffd9}.message-content{width:100%}.message-section{margin-top:20px}.message-section-title{font-size:15px;font-weight:600;color:#fff;margin:0 0 10px}.message-section-list{margin:0;padding-left:20px;color:#ffffffbf}.message-section-item{font-size:14px;line-height:1.6;margin-bottom:6px}.message-image-container{margin-bottom:12px;border-radius:12px;overflow:hidden;max-width:320px}.message-image{width:100%;height:auto;display:block;border-radius:12px;object-fit:cover}.message-actions{display:flex;align-items:center;gap:4px;margin-top:4px}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#ffffff59;border-radius:8px;cursor:pointer;transition:color .15s,background .15s}.action-btn:hover{color:#ffffffbf;background:#ffffff0f}.loading-indicator{display:flex;align-items:center;gap:10px;font-size:14px;color:#ffffff73}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-area{flex-shrink:0;padding:16px 32px 28px}.input-bar{max-width:720px;margin:0 auto;display:flex;align-items:center;gap:8px;height:56px;padding:0 8px 0 12px;background:radial-gradient(circle at 0% 0%,#ffffff24,#1b0a31f5);border:1px solid rgba(209,178,255,.4);border-radius:16px;transition:border-color .15s,background .15s}.input-bar:focus-within{border-color:#ebc9fff2;background:radial-gradient(circle at 0% 0%,#ffffff38,#2d154dfa)}.input-bar-left,.input-bar-right{display:flex;align-items:center;gap:2px;flex-shrink:0}.input-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:#f5ebffb3;border-radius:10px;cursor:pointer;transition:color .15s,background .15s}.input-icon-btn:hover{color:#ffffffe6;background:#ffffff17}.input-icon-btn.listening{color:#ef4444;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.chat-input{flex:1;min-width:0;height:100%;padding:0 8px;border:none;background:transparent;color:#fff;font-family:inherit;font-size:14px;outline:none}.chat-input::placeholder{color:#ffffff59}.send-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:radial-gradient(circle at 30% 0%,#f1b5ff,#9745ff 45%,#6a2ce0);color:#fff;border-radius:50%;cursor:pointer;flex-shrink:0;transition:background .15s,transform .1s}.send-button:hover:not(:disabled){background:radial-gradient(circle at 30% 0%,#ffd6ff,#a457ff 45%,#7a3cff)}.send-button:active:not(:disabled){transform:scale(.96)}.send-button:disabled{opacity:.4;cursor:not-allowed}.send-button svg{margin-left:2px}@media (max-width: 900px){.sidebar{position:fixed;left:0;top:0;z-index:100;transform:translate(0);box-shadow:4px 0 24px #00000080}.app-layout.sidebar-collapsed .sidebar{transform:translate(-100%);width:260px;min-width:260px}.main-header{padding:16px 20px 12px}.messages-area{padding:16px 20px}.input-area{padding:12px 20px 20px}}@media (max-width: 600px){.message-bubble.user{max-width:90%}.message-ai{max-width:100%}.empty-title{font-size:22px}}.main-topbar{position:absolute;top:18px;left:0;right:0;padding:0 36px;display:flex;align-items:center;justify-content:space-between;z-index:5;pointer-events:none}.main-topbar>*{pointer-events:auto}.model-pill{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0f0b1a59;color:#ffffffe6;font-size:13px;font-weight:500}.model-pill-caret{opacity:.6}.main-topbar-actions{display:flex;align-items:center;gap:12px}.topbar-action-pill{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0f0b1a59;color:#ffffffe6;cursor:pointer;transition:transform .12s ease,background .12s ease;font-weight:500;font-size:13px}.topbar-action-pill:hover{background:#ffffff14}.hero{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px 40px;gap:20px}.hero-sphere-container{width:260px;height:260px;margin-top:12px;margin-bottom:-100px;display:flex;align-items:center;justify-content:center;mix-blend-mode:screen;transform:translate(-55px)}.hero-title{margin:0;font-size:34px;font-weight:500;color:#ffffffeb;letter-spacing:-.02em;text-align:center}.hero-quick-actions{display:flex;align-items:center;gap:16px;width:min(840px,100%);justify-content:center;margin-top:8px}.hero-quick-pill{display:inline-flex;align-items:center;gap:12px;height:40px;padding:0 18px;font-size:15px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0000001f;color:#ffffffeb;cursor:pointer}.hero-quick-pill:hover{background:#ffffff12}.pill-icon-right{opacity:.7}.prompt-card{width:min(840px,100%);border-radius:20px;border:1px solid rgba(255,255,255,.18);background:#0d081652;box-shadow:0 24px 70px #0006,inset 0 1px #ffffff0d;padding:24px 28px 20px}.prompt-main-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.prompt-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.prompt-sparkle{color:#be8efff2;opacity:.95}.prompt-input{width:100%;background:transparent;border:none;outline:none;color:#fffffff2;font-size:18px;font-weight:500}.prompt-input::placeholder{color:#c8aaff8c;font-weight:500}.prompt-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.hero-mic{width:36px;height:36px}.hero-send-btn{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 0%,#f1b5ff,#9745ff 45%,#6a2ce0);color:#fff;transition:transform .1s ease,filter .1s ease}.hero-send-btn:hover:not(:disabled){filter:brightness(1.05)}.hero-send-btn:active:not(:disabled){transform:scale(.96)}.hero-send-btn:disabled{opacity:.45;cursor:not-allowed}.prompt-bottom-row{display:flex;align-items:center;gap:26px;margin-top:18px;padding-left:40px}.prompt-bottom-item{display:inline-flex;align-items:center;gap:10px;border:none;background:transparent;color:#ffffffa6;cursor:pointer;font-size:12px}.prompt-bottom-item span{opacity:.95}.hero-feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(760px,100%);margin-top:6px}.feature-card{border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#00000024;padding:14px 16px;box-shadow:inset 0 1px #ffffff08}.feature-card-icon{color:#bc90fff2;opacity:.95}.feature-card-title{margin-top:8px;font-weight:600;color:#ffffffeb;font-size:14px}.feature-card-sub{margin-top:8px;color:#ffffff8c;font-size:12px;line-height:1.4}.sidebar-brand{display:flex;align-items:center;gap:10px;margin-bottom:14px}.sidebar-brand-pl-full{height:38px;width:auto;max-width:220px;filter:brightness(0) invert(1);display:block;object-fit:contain}.sidebar-brand-right{margin-left:auto;opacity:.7}.sidebar-new-chat{width:100%;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff0d;color:#ffffffeb;display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 12px;cursor:pointer;margin-bottom:18px}.sidebar-section{margin-bottom:18px}.sidebar-section-label-2{font-size:12px;color:#fff9;margin-bottom:10px;padding-left:6px}.sidebar-link{width:100%;height:30px;display:inline-flex;align-items:center;gap:10px;background:transparent;border:none;color:#ffffffc7;cursor:pointer;padding:0 8px;border-radius:10px;justify-content:flex-start}.sidebar-link:hover{background:#ffffff0f}.sidebar-divider{height:1px;background:#ffffff14;margin:16px 0}.sidebar-upgrade{margin-top:auto;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;padding:16px 14px;box-shadow:inset 0 1px #ffffff08}.sidebar-upgrade-icon{color:#bc90fff2}.sidebar-upgrade-text{margin-top:10px}.sidebar-upgrade-title{font-weight:600;margin-bottom:6px}.sidebar-upgrade-sub{color:#fff9;font-size:12px;line-height:1.4}.sidebar-upgrade-btn{margin-top:12px;width:100%;height:30px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffe6;cursor:pointer}.mascot-animation{position:absolute;bottom:30px;right:30px;width:250px;height:250px;pointer-events:none;z-index:50}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff}#root{width:100%;height:100vh;overflow:hidden}