.dna-chat-container{background:rgba(15,23,42,.8);border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-top:.75rem;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.2);transition:border-color .3s ease,box-shadow .3s ease}.dna-chat-container:not(.dna-collapsed){border-color:rgba(34,197,94,.12);box-shadow:0 4px 24px rgba(0,0,0,.2),0 0 0 1px rgba(34,197,94,.06)}.dna-chat-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(15,23,42,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;user-select:none}.dna-header-brand{display:flex;align-items:center;gap:.5rem}.dna-brand-icon{position:relative;flex-shrink:0}.dna-brand-logo,.dna-message-avatar{width:26px;height:26px;border-radius:7px;background:#1a1a2e;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dna-brand-logo::after,.dna-message-avatar::after{content:'DNA';font-size:7px;font-weight:700;color:#0f8;letter-spacing:.5px;line-height:1}.dna-online-dot{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;background:#22c55e;border:1.5px solid rgba(15,23,42,.9);box-shadow:0 0 6px rgba(34,197,94,.4)}.dna-brand-text{display:flex;flex-direction:column;line-height:1.2}.dna-brand-name{color:#22c55e;font-size:.8125rem;font-weight:600}.dna-brand-tagline{color:#6b7280;font-size:.6875rem}.dna-header-right{display:flex;align-items:center;gap:.5rem}.btn-dna-expand{background:0 0;border:none;color:#6b7280;padding:.125rem .25rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:color .15s ease,transform .3s ease}.btn-dna-expand:hover{color:#e5e7eb}.dna-chat-container:not(.dna-collapsed) .btn-dna-expand i{transform:rotate(180deg)}.dna-chat-container .dna-chat-input-area,.dna-chat-container .dna-chat-messages{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .25s ease,padding .3s ease;padding-top:0;padding-bottom:0}.dna-chat-container:not(.dna-collapsed) .dna-chat-messages{max-height:320px;opacity:1;overflow-y:auto;padding:.75rem}.dna-chat-container:not(.dna-collapsed) .dna-chat-input-area{max-height:80px;opacity:1;padding-top:.5rem;padding-bottom:.5rem}.dna-insight-notification{display:none;align-items:center;gap:.625rem;padding:.75rem 1rem;background:linear-gradient(135deg,rgba(34,197,94,.15) 0,rgba(16,185,129,.1) 100%);border-left:3px solid #22c55e;border-right:3px solid transparent;color:#f1f5f9;font-size:.875rem;font-weight:600;cursor:pointer;animation:dna-slide-down .4s ease-out;position:relative;overflow:hidden}.dna-insight-notification::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,197,94,.15),transparent);animation:dna-insight-shimmer 2s ease-in-out infinite}.dna-insight-notification::after{content:'\2192';margin-left:auto;font-size:1.125rem;color:#22c55e;animation:dna-insight-arrow 1s ease-in-out infinite}.dna-insight-notification i{color:#22c55e;font-size:1.25rem;animation:dna-insight-bulb .8s ease-in-out infinite;flex-shrink:0}.dna-insight-notification.visible{display:flex}.dna-insight-notification:hover{background:linear-gradient(135deg,rgba(34,197,94,.22) 0,rgba(16,185,129,.15) 100%);border-right-color:rgba(34,197,94,.3)}.dna-insight-notification:active{transform:scale(.98)}@keyframes dna-slide-down{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes dna-insight-shimmer{0%{left:-100%}100%,50%{left:100%}}@keyframes dna-insight-bulb{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.25);opacity:1}}@keyframes dna-insight-arrow{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}.dna-empty-state{color:#6b7280;font-size:.8125rem;line-height:1.6;padding:.25rem 0;display:none}.dna-empty-state .dna-empty-title{margin-bottom:.375rem}.dna-starter-prompts{display:flex;flex-direction:column;gap:.375rem}.dna-starter-prompt{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#d1d5db;font-size:.8125rem;padding:.375rem .625rem;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease;line-height:1.4}.dna-starter-prompt::before{content:'\2192';margin-right:.375rem;color:#22c55e;font-size:.75rem}.dna-starter-prompt:hover{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.2);color:#e5e7eb}.dna-starter-prompt:active{background:rgba(34,197,94,.12)}.dna-chat-last-message{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .25s ease;display:flex;gap:.375rem;align-items:flex-start;cursor:pointer;padding-left:.75rem;padding-right:.75rem}.dna-collapsed .dna-chat-last-message{max-height:60px;opacity:1;padding:.5rem .75rem}.dna-chat-last-message:hover{background:rgba(255,255,255,.02)}.dna-chat-last-message:hover .dna-last-text{border-left-color:rgba(34,197,94,.3)}.dna-chat-last-message .dna-message-avatar{margin-top:1px}.dna-chat-last-message .dna-last-text{color:#9ca3af;font-size:.8125rem;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;border-left:2px solid transparent;padding-left:.5rem;transition:border-color .2s ease}.dna-chat-messages{display:flex;flex-direction:column;gap:.625rem}.dna-chat-messages::-webkit-scrollbar{width:4px}.dna-chat-messages::-webkit-scrollbar-track{background:0 0}.dna-chat-messages::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px}.dna-message{display:flex;gap:.5rem;max-width:88%;animation:dna-msg-in .2s ease-out}@keyframes dna-msg-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dna-message.assistant{align-self:flex-start}.dna-message.user{align-self:flex-end;flex-direction:row-reverse}.dna-message-avatar,.dna-user-avatar{margin-top:2px}.dna-user-avatar{width:26px;height:26px;border-radius:7px;flex-shrink:0;border:1px solid rgba(255,255,255,.08);object-fit:cover}.dna-message-bubble{padding:.5rem .75rem;border-radius:8px;font-size:.8125rem;line-height:1.4;word-break:break-word}.dna-message-bubble br{display:block;content:'';margin-top:.25rem}.dna-message.assistant .dna-message-bubble{background:rgba(255,255,255,.05);color:#d1d5db;border:1px solid rgba(255,255,255,.06);border-left:2px solid rgba(34,197,94,.3);box-shadow:0 1px 4px rgba(0,0,0,.1)}.dna-message.user .dna-message-bubble{background:rgba(16,185,129,.12);color:#d1d5db;border:1px solid rgba(16,185,129,.15);box-shadow:0 1px 4px rgba(0,0,0,.1)}.dna-message-bubble code{background:rgba(255,255,255,.08);padding:.1rem .3rem;border-radius:3px;font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:.75rem}.dna-message-bubble pre{position:relative;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:6px;margin:.375rem 0;overflow:hidden}.dna-message-bubble pre code{background:0 0;padding:0;font-size:.75rem;color:#e5e7eb;display:block}.dna-code-block{background:rgba(0,0,0,.3);border-radius:6px;margin:.375rem 0;overflow:hidden}.dna-code-header{display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.06)}.dna-code-lang{color:#6b7280;font-size:.6875rem;font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;text-transform:lowercase}.dna-code-copy{background:0 0;border:none;color:#6b7280;font-size:.6875rem;cursor:pointer;padding:.125rem .375rem;border-radius:3px;display:flex;align-items:center;gap:.25rem;transition:color .15s ease,background .15s ease}.dna-code-copy:hover{color:#d1d5db;background:rgba(255,255,255,.06)}.dna-code-copy.copied{color:#22c55e}.dna-code-content{padding:.5rem .625rem;overflow-x:auto}.dna-message-bubble a.dna-external-link{color:#10b981;text-decoration:underline;text-underline-offset:2px}.dna-message-bubble a.dna-external-link:hover{color:#34d399}.dna-message-bubble a.dna-cta-btn{display:inline-flex;align-items:center;gap:.375rem;margin-top:.375rem;padding:.3125rem .75rem;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25);border-radius:6px;color:#22c55e;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background .15s ease,border-color .15s ease}.dna-message-bubble a.dna-cta-btn:hover{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.4);color:#34d399}.dna-message-bubble a.dna-cta-btn i{font-size:.75rem}.dna-message-bubble strong{color:#e5e7eb;font-weight:600}.dna-message-bubble em{font-style:italic}.dna-typing{display:flex;align-items:center;gap:.5rem;align-self:flex-start;max-width:88%}.dna-typing-dots{display:flex;gap:3px;padding:.625rem .75rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);border-left:2px solid rgba(34,197,94,.3);border-radius:8px}.dna-typing-dots span{width:5px;height:5px;border-radius:50%;background:#6b7280;animation:dna-bounce 1.2s infinite}.dna-typing-dots span:nth-child(2){animation-delay:.15s}.dna-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes dna-bounce{0%,100%,60%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.dna-chat-input-area{display:flex;gap:.5rem;padding-left:.75rem;padding-right:.75rem;border-top:1px solid rgba(255,255,255,.06);background:rgba(15,23,42,.4)}.dna-chat-input{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:.3125rem .75rem;color:#e5e7eb;font-size:.8125rem;outline:0;transition:border-color .15s ease,box-shadow .15s ease}.dna-chat-input::placeholder{color:#6b7280}.dna-chat-input:focus{border-color:rgba(16,185,129,.4);box-shadow:0 0 0 3px rgba(34,197,94,.08)}.dna-chat-input:disabled{opacity:.5;cursor:not-allowed}.dna-input-nudge{animation:dnaNudge .4s ease;border-color:rgba(34,197,94,.6)!important}@keyframes dnaNudge{0%,100%{transform:translateX(0)}20%{transform:translateX(-3px)}40%{transform:translateX(3px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}.btn-dna-send{background:linear-gradient(135deg,#22c55e 0,#16a34a 100%);border:none;border-radius:20px;color:#fff;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:.375rem;cursor:pointer;transition:all .15s ease;flex-shrink:0}.btn-dna-send:hover{background:linear-gradient(135deg,#16a34a 0,#15803d 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(34,197,94,.25)}.btn-dna-send:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.dna-remaining{display:flex;align-items:center;gap:.375rem;font-size:.625rem;padding:.125rem .5rem;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#6b7280}.dna-remaining:empty{display:none}.dna-remaining a{color:#f59e0b;text-decoration:none}.dna-remaining a:hover{text-decoration:underline}.dna-usage-bar{width:32px;height:3px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden;flex-shrink:0}.dna-usage-fill{height:100%;border-radius:2px;transition:width .4s ease}.dna-usage-fill.dna-bar-ok{background:#22c55e}.dna-usage-fill.dna-bar-warning{background:#f59e0b}.dna-usage-fill.dna-bar-danger{background:#ef4444}.dna-remaining{position:relative}.dna-usage-tooltip{display:none;position:absolute;top:calc(100% + 8px);right:0;width:200px;padding:.625rem .75rem;background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:10;pointer-events:none}.dna-usage-tooltip::after{content:'';position:absolute;bottom:100%;right:12px;border:5px solid transparent;border-bottom-color:rgba(255,255,255,.1)}.dna-remaining:hover .dna-usage-tooltip{display:block}.dna-usage-tooltip-bar{height:4px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden;margin-bottom:.5rem}.dna-usage-tooltip-bar .dna-usage-fill{height:100%}.dna-usage-tooltip-remaining{font-size:.6875rem;font-weight:600;color:#e5e7eb;margin-bottom:.25rem}.dna-usage-tooltip-reset{font-size:.625rem;color:#9ca3af;margin-bottom:.375rem}.dna-usage-tooltip-info{font-size:.5625rem;color:#6b7280;line-height:1.4}.btn-dna-upgrade{display:flex;align-items:center;justify-content:center;width:fit-content;gap:.375rem;background:linear-gradient(135deg,#f59e0b 0,#f97316 50%,#ef4444 100%);color:#fff;font-size:.8125rem;font-weight:700;padding:.5rem 1.25rem;border-radius:6px;text-decoration:none;margin-top:.625rem;transition:all .2s ease;box-shadow:0 2px 8px rgba(249,115,22,.3);animation:dna-upgrade-pulse 2s ease-in-out infinite}@keyframes dna-upgrade-pulse{0%,100%{box-shadow:0 2px 8px rgba(249,115,22,.3)}50%{box-shadow:0 2px 16px rgba(249,115,22,.5)}}.btn-dna-upgrade:hover{background:linear-gradient(135deg,#d97706 0,#ea580c 50%,#dc2626 100%);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 16px rgba(249,115,22,.5)}.dna-collapsed .dna-brand-tagline{animation:dna-tagline-pulse 3s ease-in-out infinite}@keyframes dna-tagline-pulse{0%,100%{opacity:.6}50%{opacity:1}}.dna-fresh .dna-brand-logo{animation:dna-logo-pulse 2.5s ease-in-out 3}@keyframes dna-logo-pulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}50%{box-shadow:0 0 0 4px rgba(34,197,94,.25)}}@media (max-width:576px){.dna-brand-tagline{display:none}.dna-chat-container:not(.dna-collapsed) .dna-chat-messages{max-height:250px}.dna-send-text{display:none}.btn-dna-send{border-radius:50%;padding:.375rem;width:32px;height:32px;justify-content:center}.dna-code-lang,.dna-message-bubble pre code{font-size:.6875rem}.dna-chat-messages{gap:.5rem}}.dna-limit-overlay{position:fixed;inset:0;z-index:9997;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 20%,rgba(34,197,94,.08) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(34,197,94,.05) 0,transparent 50%),rgba(0,0,0,.75);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:dnaPopupFadeIn .3s ease-out;padding:1rem}.dna-limit-overlay.dna-limit-fade-out{animation:dnaPopupFadeOut .3s ease-in forwards}.dna-limit-content{position:relative;max-width:480px;width:100%;background:rgba(15,23,42,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(34,197,94,.15);border-radius:16px;padding:2rem 2rem 1.5rem;text-align:center;box-shadow:0 0 40px rgba(34,197,94,.08),0 24px 48px rgba(0,0,0,.4);animation:dnaPopupSlideIn .35s ease-out}.dna-limit-fade-out .dna-limit-content{animation:dnaPopupSlideOut .3s ease-in forwards}.dna-limit-close{position:absolute;top:.75rem;right:.75rem;background:0 0;border:none;color:#6b7280;font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:color .15s ease,background .15s ease}.dna-limit-close:hover{color:#e5e7eb;background:rgba(255,255,255,.06)}.dna-limit-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#f59e0b 0,#f97316 50%,#ef4444 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;animation:dnaIconPulse 2s ease-in-out infinite}.dna-limit-icon i{font-size:1.75rem;color:#fff}.dna-limit-icon-max{background:linear-gradient(135deg,#4b5563,#6b7280);animation:none}.dna-limit-title{color:#f1f5f9;font-size:1.375rem;font-weight:700;margin:0 0 .375rem;line-height:1.3}.dna-limit-subtitle{color:#9ca3af;font-size:.9375rem;margin:0 0 1.25rem;line-height:1.5}.dna-limit-momentum{background:rgba(245,158,11,.06);border-left:3px solid #f59e0b;padding:.625rem .875rem;margin:0 0 1.25rem;color:#fbbf24;font-size:.875rem;text-align:left;line-height:1.5;border-radius:0 6px 6px 0}.dna-limit-benefits{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left}.dna-limit-benefits li{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;color:#d1d5db;font-size:.875rem;animation:dnaPopupBenefitIn .4s ease-out backwards}.dna-limit-benefits li:first-child{animation-delay:.15s}.dna-limit-benefits li:nth-child(2){animation-delay:.25s}.dna-limit-benefits li:nth-child(3){animation-delay:.35s}.dna-limit-benefits li:nth-child(4){animation-delay:.45s}.dna-limit-benefits li i{color:#22c55e;font-size:1.125rem;flex-shrink:0}.dna-limit-cta{display:block;width:100%;padding:.75rem 1.5rem;background:linear-gradient(135deg,#f59e0b 0,#f97316 50%,#ef4444 100%);color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;text-align:center;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;animation:dnaCtaPulse 2s ease-in-out infinite;margin-bottom:.75rem}.dna-limit-cta:hover{background:linear-gradient(135deg,#d97706 0,#ea580c 50%,#dc2626 100%);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 20px rgba(249,115,22,.4)}.dna-limit-dismiss{background:0 0;border:1px solid rgba(255,255,255,.1);color:#6b7280;font-size:.8125rem;padding:.5rem 1.25rem;border-radius:6px;cursor:pointer;transition:color .15s ease,border-color .15s ease;width:100%}.dna-limit-dismiss:hover{color:#9ca3af;border-color:rgba(255,255,255,.2)}@keyframes dnaPopupFadeIn{from{opacity:0}to{opacity:1}}@keyframes dnaPopupFadeOut{from{opacity:1}to{opacity:0}}@keyframes dnaPopupSlideIn{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dnaPopupSlideOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes dnaIconPulse{0%,100%{box-shadow:0 0 0 0 rgba(249,115,22,0)}50%{box-shadow:0 0 20px 4px rgba(249,115,22,.3)}}@keyframes dnaCtaPulse{0%,100%{box-shadow:0 2px 8px rgba(249,115,22,.3)}50%{box-shadow:0 2px 20px rgba(249,115,22,.5)}}@keyframes dnaPopupBenefitIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@media (max-width:576px){.dna-limit-content{padding:1.5rem 1.25rem 1.25rem;border-radius:12px}.dna-limit-icon{width:56px;height:56px;margin-bottom:1rem}.dna-limit-icon i{font-size:1.375rem}.dna-limit-title{font-size:1.125rem}.dna-limit-subtitle{font-size:.8125rem}.dna-limit-momentum{font-size:.8125rem;padding:.5rem .75rem}.dna-limit-benefits li{font-size:.8125rem}.dna-limit-cta{font-size:.875rem;padding:.625rem 1.25rem}}