@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#f0f0f0;background:#080808;font-family:Inter,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{color:#f0f0f0;background:#080808;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:16px;font-family:Inter,sans-serif;display:flex}#root{box-sizing:border-box;background:#080808;justify-content:center;align-items:center;width:100%;height:100vh;padding:16px;display:flex}.chat-container{background:#111;border:1px solid #1f1f1f;border-radius:16px;flex-direction:column;width:100%;max-width:800px;height:90vh;display:flex;overflow:hidden}.chat-header{background:#111;border-bottom:1px solid #1f1f1f;flex-wrap:wrap;align-items:center;gap:12px;min-height:56px;padding:12px 16px;display:flex}.header-dot{background:#00e676;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #00e67666}50%{box-shadow:0 0 0 8px #00e67600}}.header-title{color:#f0f0f0;font-size:16px;font-weight:600}.header-subtitle{color:#555;margin-left:auto;font-size:12px}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.message{word-break:break-word;overflow-wrap:break-word;border-radius:12px;max-width:75%;padding:14px 18px;font-size:14px;line-height:1.7;animation:.4s slideIn}.message.user{color:#fff;background:#ff6b00;border-bottom-right-radius:4px;align-self:flex-end}.message.bot{color:#e0e0e0;background:#1a1a1a;border:1px solid #2a2a2a;border-bottom-left-radius:4px;align-self:flex-start;animation:.4s slideInLeft}.message.thinking{color:#555;background:#1a1a1a;border:1px solid #2a2a2a;align-self:flex-start;font-style:italic;animation:.4s slideInLeft}.chat-input-area{background:#111;border-top:1px solid #1f1f1f;align-items:flex-end;gap:12px;padding:16px 24px;display:flex}.chat-input{color:#f0f0f0;resize:none;overflow-wrap:break-word;word-break:break-word;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;outline:none;flex:1;min-height:50px;max-height:150px;padding:14px 18px;font-family:Inter,sans-serif;font-size:14px;transition:border .2s,box-shadow .2s;overflow-y:hidden}.chat-input::placeholder{color:#ff6b0066}.chat-input:focus{border-color:#ff6b00;box-shadow:0 0 0 3px #ff6b0026}.send-btn{cursor:pointer;background:#ff6b00;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:background .2s;display:flex}.send-btn:hover{background:#e55a00}.send-btn:disabled{cursor:not-allowed;background:#333}.send-btn svg{fill:#fff;width:20px;height:20px}.welcome-message{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100%;padding:1rem;display:flex;overflow:visible}.welcome-icon{justify-content:center;align-items:center;margin-top:1rem;font-size:3rem;display:flex}.welcome-title{color:#fff;margin:0;font-size:1.5rem;font-weight:700}.welcome-subtitle{color:#aaa;margin:0;font-size:.95rem}.suggestion-chips{flex-direction:column;gap:.75rem;width:100%;max-width:420px;margin-top:1rem;display:flex}.chip{color:#ff6b00;cursor:pointer;background:0 0;border:1px solid #ff6b00;border-radius:20px;padding:.6rem 1rem;font-size:.85rem;transition:all .2s}.chip:hover{color:#fff;background:#ff6b00}.typing-indicator{align-items:center;gap:5px;padding:4px 0;display:flex}.typing-indicator span{background:#aaa;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite bounce}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}.view-toggle{background:#0f0f0f;border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.toggle-left{gap:10px;display:flex}.toggle-btn{color:#ccc;cursor:pointer;background:#1a1a1a;border:1.5px solid #3a3a3a;border-radius:20px;padding:8px 20px;font-size:13px;transition:all .2s}.toggle-btn:hover{color:#ff6b00;border-color:#ff6b00}.toggle-btn.active{color:#fff;background:#ff6b00;border-color:#ff6b00}.prompt-grid{flex:1;grid-template-columns:repeat(2,1fr);align-items:start;gap:20px;padding-right:8px;display:grid;overflow-y:auto}.prompt-card{background:#1a1a1a;border:1.5px solid #2a2a2a;border-radius:12px;flex-direction:column;gap:10px;min-height:260px;padding:20px;transition:border .2s;display:flex}.prompt-card:hover{border-color:#ff6b00}.prompt-title{color:#fff;margin:0;font-size:15px;font-weight:600}.prompt-desc{color:#aaa;flex:1;margin:0;font-size:13px;line-height:1.6}.prompt-tags{gap:8px;display:flex}.tag{text-transform:capitalize;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600}.tag.difficulty{color:#aaa;background:#2a2a2a}.tag.tier{color:#ff6b00;background:#ff6b0020}.copy-btn{color:#fff;cursor:pointer;background:#ff6b00;border:none;border-radius:8px;justify-content:center;align-self:flex-end;align-items:center;width:36px;height:36px;padding:8px 10px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.copy-btn:hover{background:#e55e00}.copy-btn.copied{background:#22c55e}.library-loading,.library-empty{color:#aaa;text-align:center;padding:40px}.library-layout{height:calc(100vh - 120px);display:flex;position:relative;overflow:hidden}.library-sidebar{z-index:10;background:#0f0f0f;border-right:1px solid #2a2a2a;flex-direction:column;gap:8px;padding:12px 8px;transition:width .3s;display:flex;position:relative;overflow:visible}.library-sidebar.collapsed{align-items:center;width:56px}.library-sidebar.expanded{align-items:flex-start;width:160px}.sidebar-toggle{color:#aaa;cursor:pointer;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;width:100%;padding:6px 10px;font-size:12px;transition:all .2s}.sidebar-toggle:hover{color:#ff6b00;border-color:#ff6b00}.sidebar-icon-btn{color:#aaa;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;font-size:18px;transition:all .2s;display:flex}.sidebar-icon-btn span{color:#aaa;font-size:13px}.sidebar-icon-btn:hover{color:#ff6b00;background:#1a1a1a;border-color:#2a2a2a}.sidebar-icon-btn:hover span{color:#ff6b00}.sidebar-icon-btn.active{color:#ff6b00;background:#ff6b0015;border-color:#ff6b00}.sidebar-icon-btn.active span{color:#ff6b00}.sidebar-panel{z-index:900;background:#1a1a1a;border:1.5px solid #2a2a2a;border-radius:12px;width:260px;padding:16px;animation:.2s panelSlideIn;position:absolute;top:0;left:64px;box-shadow:0 8px 32px #0006}@keyframes panelSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.panel-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-header span{color:#fff;font-size:14px;font-weight:600}.panel-close{color:#aaa;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px;transition:all .2s;cursor:pointer!important}.panel-close:hover{color:#fff;background:#2a2a2a}.panel-search-input{color:#fff;box-sizing:border-box;background:#111;border:1.5px solid #2a2a2a;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border .2s}.panel-search-input:focus{border-color:#ff6b00;box-shadow:0 0 12px #ff6b0025}.panel-categories{flex-direction:column;gap:6px;max-height:300px;display:flex;overflow-y:auto}.panel-categories::-webkit-scrollbar{width:4px}.panel-categories::-webkit-scrollbar-track{background:0 0}.panel-categories::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}.panel-category-btn{color:#aaa;cursor:pointer;text-align:left;background:0 0;border:1px solid #2a2a2a;border-radius:8px;padding:8px 12px;font-size:13px;transition:all .2s}.panel-category-btn:hover{color:#ff6b00;border-color:#ff6b00}.panel-category-btn.active{color:#fff;background:#ff6b00;border-color:#ff6b00}.panel-coming-soon{text-align:center;color:#aaa;padding:20px 0;font-size:13px;line-height:1.8}.library-main{flex-direction:column;flex:1;padding:20px;display:flex;overflow:hidden}.library-context{color:#aaa;border-bottom:1px solid #2a2a2a;margin-bottom:16px;padding-bottom:12px;font-size:13px}.library-context strong{color:#ff6b00}.tag.tier.free{color:#22c55e;background:#22c55e20}.tag.tier.premium{color:#ff6b00;background:#ff6b0020}.library-empty{color:#aaa;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:200px;font-size:14px;display:flex}.prompt-grid::-webkit-scrollbar{width:4px}.prompt-grid::-webkit-scrollbar-track{background:0 0}.prompt-grid::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}.panel-overlay{z-index:850;background:0 0;width:100vw;height:100vh;position:fixed;top:0;left:0}.mobile-menu-btn{display:none}@media (width<=768px){html{overflow:hidden}body{padding:0;overflow:hidden}#root{padding:0}.chat-container{border:none;border-radius:0;width:100%;height:100vh;overflow:visible}.message{max-width:90%}.header-subtitle{display:none}.chat-header{gap:8px;min-height:52px;padding:10px 12px;overflow:visible}.header-title{font-size:14px}.header-dot{flex-shrink:0;width:8px;height:8px}.prompt-grid{grid-template-columns:1fr}.welcome-message{justify-content:center;gap:.5rem;padding:20px 12px 8px}.welcome-icon{margin-top:8px}.welcome-icon svg{width:28px;height:28px}.welcome-title{font-size:1.1rem}.welcome-subtitle{font-size:.8rem}.chip{padding:.4rem .75rem;font-size:.78rem}.mobile-menu-btn{cursor:pointer;z-index:1000;background:#f97316;border:none;border-radius:50%;flex-direction:column;justify-content:space-between;align-items:center;width:44px;height:44px;padding:14px;transition:background .3s,transform .3s;display:flex;position:fixed;bottom:16px;right:24px;box-shadow:0 4px 20px #f9731680}.mobile-menu-btn span{transform-origin:50%;background:#fff;border-radius:2px;width:22px;height:2px;transition:transform .3s,opacity .3s;display:block}.mobile-menu-btn.is-open span:first-child{transform:translateY(8px)rotate(45deg)}.mobile-menu-btn.is-open span:nth-child(2){opacity:0}.mobile-menu-btn.is-open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.library-sidebar{z-index:900;height:100vh;transition:transform .35s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%)}.library-sidebar.mobile-open{transform:translate(0)}.library-sidebar.panel-active{display:none}.sidebar-panel{z-index:1100;box-sizing:border-box;border-radius:0 0 16px 16px;width:100vw;height:auto;max-height:80vh;position:fixed;top:0;left:0;overflow-y:auto}}.prompt-card{cursor:pointer;transition:box-shadow .3s,transform .3s}.prompt-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #f9731626}.prompt-card.expanded{border-color:#f97316;box-shadow:0 6px 24px #f9731640}.prompt-stages{border-top:1px solid #f973164d;margin-top:16px;padding-top:16px}.stages-title{color:#f97316;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:13px;font-weight:600}.stage-item{background:#f9731612;border-left:3px solid #f97316;border-radius:8px;flex-direction:column;gap:4px;margin-bottom:12px;padding:10px 12px;display:flex}.stage-number{color:#f97316;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.stage-text{color:#e5e7eb;font-size:14px;line-height:1.5}.card-expand-arrow{color:#f97316;justify-content:center;align-items:center;gap:4px;margin-top:10px;font-size:12px;transition:transform .3s;display:flex}.card-expand-arrow svg{transition:transform .3s}.prompt-card.expanded .card-expand-arrow svg{transform:rotate(180deg)}.landing-container{background-color:#080808;justify-content:center;align-items:center;min-height:100vh;display:flex}.landing-content{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.landing-title{color:#e8650a;margin:0;font-size:3rem;font-weight:700}.landing-tagline{color:#aaa;margin:0;font-size:1.1rem}.landing-buttons{gap:16px;margin-top:16px;display:flex}.landing-btn-primary{color:#fff;cursor:pointer;background-color:#e8650a;border:none;border-radius:8px;padding:12px 32px;font-size:1rem;font-weight:600}.landing-btn-primary:hover{background-color:#cf5a09}.landing-btn-secondary{color:#e8650a;cursor:pointer;background-color:#0000;border:2px solid #e8650a;border-radius:8px;padding:12px 32px;font-size:1rem;font-weight:600}.landing-btn-secondary:hover{color:#fff;background-color:#e8650a}.auth-container{background-color:#080808;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background-color:#111;border:1px solid #222;border-radius:12px;width:100%;max-width:480px;padding:40px}.auth-title{color:#fff;margin:0 0 8px;font-size:1.8rem;font-weight:700}.auth-subtitle{color:#aaa;margin:0 0 24px;font-size:.95rem}.auth-error{color:#f44;background-color:#2a1010;border:1px solid #f44;border-radius:8px;margin-bottom:16px;padding:12px;font-size:.9rem}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-row{gap:12px;display:flex}.auth-field{flex-direction:column;flex:1;gap:6px;display:flex}.auth-field label{color:#ccc;font-size:.9rem;font-weight:500}.auth-field input{color:#fff;background-color:#1a1a1a;border:1px solid #333;border-radius:8px;outline:none;padding:10px 14px;font-size:.95rem}.auth-field input:focus{border-color:#e8650a}.phone-input{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;padding:4px 14px}.phone-input input{color:#fff;background-color:#0000;border:none;font-size:.95rem}.phone-input .PhoneInputCountrySelect{color:#fff;background-color:#1a1a1a;border:none}.password-rules{flex-direction:column;gap:4px;margin-top:4px;display:flex}.rule-pass{color:#2c6;margin:0;font-size:.82rem}.rule-fail{color:#888;margin:0;font-size:.82rem}.auth-btn{color:#fff;cursor:pointer;background-color:#e8650a;border:none;border-radius:8px;margin-top:8px;padding:12px;font-size:1rem;font-weight:600}.auth-btn:hover{background-color:#cf5a09}.auth-btn:disabled{cursor:not-allowed;background-color:#555}.auth-switch{text-align:center;color:#aaa;margin-top:20px;font-size:.9rem}.auth-switch span{color:#e8650a;cursor:pointer;font-weight:600}.auth-switch span:hover{text-decoration:underline}.auth-success{color:#2c6;background-color:#0f2a1a;border:1px solid #2c6;border-radius:8px;margin-bottom:16px;padding:12px;font-size:.9rem}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{width:100%;padding-right:40px}.eye-icon{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:18px;position:absolute;right:12px}.rule{color:#888;margin:2px 0;font-size:.82rem;display:block}.rule.valid{color:#2c6}.rule.error{color:#ff4d4d}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:.8;--PhoneInputInternationalIconGlobe-opacity:.65;--PhoneInputCountrySelect-marginRight:.35em;--PhoneInputCountrySelectArrow-width:.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{width:100%;height:100%;display:block}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{margin-right:var(--PhoneInputCountrySelect-marginRight);align-self:stretch;align-items:center;display:flex;position:relative}.PhoneInputCountrySelect{z-index:1;opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;top:0;left:0}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity);display:block}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}