@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}p,h1,h2,h3{margin:0}a{color:inherit}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}:root{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}.light-mode{--bg-primary:#f9f9f9;--bg-secondary:#f0f0f0;--bg-tertiary:#e8e8e8;--text-primary:#1a1a1a;--text-secondary:#525252;--border-color:#d9d9d9;--sidebar-bg:#f5f5f5;--button-hover:#e8e8e8;--message-bg:#fff}.dark-mode{--bg-primary:#1a1a1a;--bg-secondary:#252525;--bg-tertiary:#323232;--text-primary:#f0f0f0;--text-secondary:#b3b3b3;--border-color:#3f3f3f;--sidebar-bg:#1f1f1f;--button-hover:#2f2f2f;--message-bg:#2a2a2a;--accent-color:#8e5bff}.app-container{background-color:var(--bg-primary);width:100%;height:100vh;color:var(--text-primary);transition:background-color .3s,color .3s;display:flex}.plans-view .sidebar{display:none}.plans-view .main-content{flex:1;width:100%}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);flex-direction:column;width:52px;padding:1rem 0;transition:width .3s;display:flex;position:relative}.sidebar.expanded{width:240px;padding:1rem}.sidebar.collapsed{cursor:pointer}.sidebar-buttons{flex-direction:column;flex:1;gap:.4rem;margin-top:1.5rem;display:flex}.sidebar-logo{width:100%;color:var(--text-primary);opacity:.9;justify-content:center;align-items:center;margin-top:.25rem;display:flex}.sidebar-logo svg{display:block}.sidebar.expanded .sidebar-logo{justify-content:flex-start;padding-left:.75rem}.sidebar.collapsed .sidebar-logo{justify-content:center}.sidebar-corner-toggle{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;z-index:4;background:0 0;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex;position:absolute;top:.5rem;right:.5rem}.sidebar-corner-toggle:hover{background-color:var(--button-hover);color:var(--text-primary);border-color:var(--border-color)}.sidebar-corner-toggle:after{content:attr(data-label);color:#1f1f1f;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#e5e5e5f7;border:1px solid #00000014;border-radius:999px;padding:.35rem .65rem;font-size:.78rem;line-height:1;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:calc(100% + .5rem);transform:translateY(-50%);box-shadow:0 6px 18px #00000014}.sidebar-corner-toggle:hover:after{opacity:1;transform:translateY(-50%)translate(2px)}.sidebar.collapsed .sidebar-corner-toggle{right:50%;transform:translate(50%)}.sidebar-button{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.5rem;padding:.55rem;font-size:.85rem;font-weight:500;transition:background-color .2s,border-color .2s;display:flex;position:relative}.sidebar.collapsed .sidebar-button:after{content:attr(data-label);color:#1f1f1f;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#e5e5e5f7;border:1px solid #00000014;border-radius:999px;padding:.35rem .65rem;font-size:.78rem;line-height:1;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:calc(100% + .5rem);transform:translateY(-50%);box-shadow:0 6px 18px #00000014}.sidebar.collapsed .sidebar-button:hover:after{opacity:1;transform:translateY(-50%)translate(2px)}.sidebar.collapsed .sidebar-button{justify-content:center}.sidebar-button:hover{background-color:var(--button-hover);border-color:var(--border-color)}.sidebar-button svg{stroke:currentColor;stroke-width:1.5px;flex-shrink:0;width:16px;height:16px}.sidebar.collapsed .sidebar-button svg{width:16px;height:16px}.sidebar.collapsed .sidebar-button{padding-top:.55rem;padding-bottom:.55rem}.sidebar-button span{white-space:nowrap}.sidebar-bottom{justify-content:center;display:flex}.theme-toggle{width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;padding:0;transition:background-color .2s,border-color .2s;display:flex;position:relative}.theme-toggle:hover{background-color:var(--button-hover);border-color:var(--border-color)}.theme-toggle:after{content:attr(data-label);color:#1f1f1f;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#e5e5e5f7;border:1px solid #00000014;border-radius:999px;padding:.35rem .65rem;font-size:.78rem;line-height:1;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:calc(100% + .5rem);transform:translateY(-50%);box-shadow:0 6px 18px #00000014}.theme-toggle:hover:after{opacity:1;transform:translateY(-50%)translate(2px)}.theme-toggle svg{width:20px;height:20px}.theme-icon.sun-icon{color:#f3c623}.theme-icon.moon-icon{color:#8e5bff}.dark-mode .sidebar svg,.dark-mode .theme-toggle svg,.dark-mode .send-button svg,.dark-mode .sidebar-logo svg{color:var(--accent-color)}.dark-mode .message-item.user-message{color:#fff;background-color:#2a2a3e}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-container{flex-direction:column;flex:1;padding:2rem;display:flex;position:relative;overflow-y:auto}.mobile-top-bar{display:none}.empty-chat{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;min-height:0;display:flex;position:relative}.welcome-message{color:var(--text-secondary);margin-bottom:1rem;font-size:2.8rem;font-weight:600}.empty-chat .welcome-message{margin:0}.profile-button{width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #8e5bff66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .2s,box-shadow .2s;display:flex}.profile-button:hover{background-color:#8e5bff1a;box-shadow:0 2px 8px #8e5bff26}.profile-button svg{stroke:currentColor;stroke-width:1.5px;fill:none;width:18px;height:18px}.offers-toggle{color:#fff;font:inherit;cursor:pointer;background:linear-gradient(135deg,#8e5bff,#a86dff);border:1px solid #8e5bff59;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .8rem;font-size:.9rem;font-weight:600;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;box-shadow:0 8px 20px #8e5bff40}.offers-toggle:hover{filter:saturate(1.05);transform:translateY(-1px);box-shadow:0 12px 28px #8e5bff4d}.offers-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:14px;height:14px}.profile-button-container{z-index:100;position:absolute;top:.5rem;right:.75rem}.top-controls{justify-content:flex-end;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.top-gift-button-container{justify-content:center;width:100%;padding:.25rem 0;display:flex}.gift-button-top{color:#fff;font:inherit;cursor:pointer;background:#8e5bff;border:1px solid #8e5bff66;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 2px 6px #8e5bff26}.gift-button-top:hover{transform:translateY(-1px);box-shadow:0 3px 8px #8e5bff33}.gift-button-top svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px}.plans-page{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;position:relative;overflow-y:auto}.plans-hero{text-align:center;flex-direction:column;gap:.8rem;width:100%;max-width:none;margin:0;padding:1rem 2rem 0;display:flex}.close-button{color:#8e5bff;cursor:pointer;z-index:10;background:#8e5bff14;border:1px solid #8e5bff42;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .16s,border-color .16s,transform .16s;display:inline-flex;position:absolute;top:2rem;right:2rem}.close-button:hover{background:#8e5bff24;border-color:#8e5bff6b;transform:scale(1.05)}.close-button svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.back-button{color:var(--text-primary);font:inherit;cursor:pointer;background:#8e5bff14;border:1px solid #8e5bff42;border-radius:999px;align-self:flex-start;align-items:center;gap:.55rem;padding:.75rem 1rem;font-weight:600;transition:background-color .16s,border-color .16s,transform .16s;display:inline-flex}.back-button:hover{background:#8e5bff24;border-color:#8e5bff6b;transform:translateY(-1px)}.back-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px}.plans-eyebrow{color:#8e5bff;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:700}.plans-title{margin:0;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.2}.plans-subtitle{display:none}.offers-grid-page{max-width:none;margin:0;padding:0}.offers-grid{grid-template-columns:repeat(4,1fr);gap:1.2rem;width:100%;display:grid}.offer-card{color:#f8f5ff;background:linear-gradient(#8e5bff24,#8e5bff0f),#19102aeb;border:1px solid #8e5bff33;border-radius:1.25rem;flex-direction:column;justify-content:space-between;gap:.9rem;min-height:680px;padding:1.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #3918682e}.offer-card.free{background:linear-gradient(#78788714,#78788708),#23232dd9;border-color:#78788740;box-shadow:0 20px 40px #00000026}.offer-card.popular{border-color:#c29aff9e;transform:translateY(-4px);box-shadow:0 24px 50px #753fc447}.offer-card.popular:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff4d,#8e5bfff2);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.offer-popular-badge{color:#f4eaff;letter-spacing:.04em;text-transform:uppercase;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;padding:.4rem .7rem;font-size:.74rem;font-weight:700;position:absolute;top:1rem;right:1rem}.offer-header{justify-content:space-between;align-items:flex-start;gap:1rem;padding-right:4rem;display:flex}.offer-name{letter-spacing:.08em;text-transform:uppercase;color:#ebe1ffc2;margin:0;font-size:.8rem}.offer-price{color:#fff;margin:.2rem 0 0;font-size:1.6rem;line-height:1}.offer-features{flex-direction:column;flex:1;gap:.85rem;margin:.5rem 0;padding:0;list-style:none;display:flex}.offer-feature{color:#f8f4ffeb;align-items:flex-start;gap:.65rem;font-size:.85rem;line-height:1.4;display:flex}.offer-feature-icon{color:#d8c2ff;background:#c29aff29;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.45rem;height:1.45rem;display:inline-flex}.offer-feature-icon svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:.95rem;height:.95rem}.upgrade-button{color:#d8c2ff;width:100%;font:inherit;cursor:pointer;background:linear-gradient(135deg,#8e5bff29,#8e5bff14);border:1px solid #8e5bff66;border-radius:.75rem;margin-top:.5rem;padding:.85rem;font-size:.95rem;font-weight:600;transition:all .2s}.upgrade-button:hover{color:#fff;background:linear-gradient(135deg,#8e5bff3d,#8e5bff24);border-color:#8e5bff99;transform:translateY(-1px)}.offer-card.popular .upgrade-button{color:#fff;background:linear-gradient(135deg,#8e5bff,#a86dff);border-color:#c29aff80}.offer-card.popular .upgrade-button:hover{box-shadow:0 8px 20px #8e5bff66}.offer-card.free .upgrade-button{color:#c8c8d2d9;cursor:not-allowed;background:linear-gradient(135deg,#78788733,#7878871f);border-color:#78788759}.offer-card.free .upgrade-button:hover{color:#c8c8d2d9;background:linear-gradient(135deg,#78788733,#7878871f);border-color:#78788759;transform:none}.chat-input-section{justify-content:center;width:100%;max-width:600px;display:flex;position:relative}.input-pill{box-sizing:border-box;background:0 0;border:none;border-radius:1.5rem;align-items:center;width:100%;padding:0;display:flex;position:relative;overflow:visible}.chat-input-section.centered{justify-content:center;width:100%;max-width:700px;margin:0 auto;display:flex;position:static;transform:none}.empty-chat{gap:1rem}.chat-input-section.bottom{width:100%;max-width:700px;margin-top:auto;margin-left:auto;margin-right:auto;padding:.75rem 0 1rem}.conversation{flex-direction:column;flex:1;align-items:flex-end;gap:.75rem;width:100%;max-width:700px;margin:0 auto 2rem;padding-left:1rem;padding-right:3rem;display:flex;overflow:hidden auto}.message-item{background-color:var(--message-bg);max-width:100%;color:var(--text-primary);cursor:default;-webkit-user-select:text;user-select:text;white-space:pre-wrap;word-break:break-word;border-radius:999px;padding:.5rem 1rem;animation:.3s slideUp;box-shadow:0 1px 1px #0000000a}.message-item[contenteditable]{cursor:text}.message-item:focus{outline-offset:2px;outline:2px solid #8e5bff33}.message-wrapper{flex-direction:column;align-items:flex-end;gap:.25rem;max-width:72%;display:flex;overflow:visible}.message-actions{opacity:0;flex-shrink:0;gap:.4rem;padding-left:.5rem;transition:opacity .2s;display:flex;overflow:visible}.message-wrapper:hover .message-actions{opacity:1}.message-action-btn{width:auto;height:auto;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex;position:relative}.message-action-btn:hover{opacity:.7;background:0 0;border-color:#0000}.message-action-btn[data-tooltip]:after{content:attr(data-tooltip);color:#1a1a1a;white-space:nowrap;opacity:0;pointer-events:none;z-index:1000;background-color:#fff;border-radius:999px;margin-top:.5rem;padding:.4rem .8rem;font-size:.75rem;font-weight:600;transition:opacity .2s;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}.message-action-btn:hover[data-tooltip]:after{opacity:1}.message-action-btn svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-input{background-color:var(--bg-tertiary);width:100%;color:var(--text-primary);border:1px solid var(--border-color);resize:none;border-radius:1.5rem;max-height:120px;padding:0 .75rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.chat-input.single-line{box-sizing:border-box;background:0 0;border:none;outline:none;flex:auto;min-width:0;height:34px;padding:0 56px 0 8px;line-height:34px;display:block;overflow:hidden}.input-pill .chat-input,.input-pill textarea,.input-pill input{box-sizing:border-box;width:100%;height:40px;line-height:40px;background:var(--bg-tertiary)!important;box-shadow:none!important;border:none!important;border-radius:999px!important;outline:none!important;padding:0 44px 0 16px!important}.input-pill .chat-input::placeholder{opacity:.7;transform:translateY(-1px)}.chat-input:focus{box-shadow:none;border-color:#0000;outline:none}.input-pill input,.input-pill textarea{appearance:none!important;background-clip:padding-box!important}.chat-input-section.bottom{justify-content:center;width:100%;max-width:700px;margin:0 auto;padding:.75rem 0 1rem;display:flex}.send-button{background:var(--bg-secondary);width:34px;height:34px;color:var(--text-primary);cursor:pointer;z-index:3;border:none;border-radius:999px;justify-content:center;align-items:center;transition:background-color .15s,transform 80ms,box-shadow .12s;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%);box-shadow:0 1px 2px #1010100a}.send-button:hover{background-color:var(--button-hover);transform:translateY(-50%);box-shadow:0 4px 10px #1010100f}.chat-input.single-line{flex:auto}.chat-input:focus{border-color:var(--text-secondary);outline:none;box-shadow:0 0 0 2px #5252521a}.chat-input::placeholder{color:var(--text-secondary);opacity:.6}.empty-chat .input-pill,.chat-input-section.bottom .input-pill{background:var(--bg-tertiary);border-radius:999px;height:44px;overflow:hidden}.empty-chat .input-pill .chat-input,.chat-input-section.bottom .input-pill .chat-input{height:44px!important;margin:0!important;padding:0 52px 0 18px!important;line-height:44px!important}.empty-chat .input-pill .chat-input::placeholder,.chat-input-section.bottom .input-pill .chat-input::placeholder{line-height:44px;transform:translateY(-2px)}.app-footer{text-align:center;color:var(--text-secondary);border-top:1px solid var(--border-color);padding:1rem 2rem;font-size:.85rem}.app-footer p{margin:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--border-color);background-clip:content-box;border:2px solid #0000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary);background-clip:content-box}@media (width<=768px){.app-container{overflow-x:hidden}.sidebar{z-index:200;width:min(82vw,280px);box-shadow:none;padding:1rem;transition:transform .28s,box-shadow .28s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.expanded{width:min(82vw,280px);transform:translate(0);box-shadow:10px 0 30px #0000002e}.sidebar.collapsed{cursor:default;width:min(82vw,280px);transform:translate(-100%)}.mobile-top-bar{z-index:150;background:linear-gradient(180deg, var(--bg-primary) 82%, #0000);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.25rem 0 .75rem;display:grid;position:sticky;top:0}.mobile-sidebar-toggle,.mobile-profile-button{border:1px solid var(--border-color);background:var(--bg-secondary);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:0 1px 2px #0000000a}.mobile-sidebar-toggle svg,.mobile-profile-button svg{stroke:currentColor;stroke-width:1.6px;fill:none;width:18px;height:18px}.mobile-offers-button{justify-self:center;gap:.35rem;max-width:100%;padding:.45rem .7rem;font-size:.8rem}.profile-button-container,.top-gift-button-container{display:none}.chat-container{padding:1rem}.empty-chat{justify-content:flex-start;padding-top:3rem}.offers-grid{grid-template-columns:1fr}.offer-card.popular{transform:none}.plans-page{padding:1.25rem}.plans-hero{gap:.65rem}.plans-title{max-width:100%}.offer-header{padding-right:0}.conversation{max-width:100%;padding-left:0;padding-right:0}.message-wrapper{max-width:88%}.chat-input-section.centered,.chat-input-section.bottom{max-width:100%}.welcome-message{text-align:center;font-size:clamp(2rem,9vw,2.8rem)}.send-button{width:34px;height:34px;color:var(--text-secondary);box-shadow:none;cursor:pointer;z-index:3;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;transition:transform 80ms;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.send-button:hover{transform:translateY(-50%)scale(1.02)}}