.dev-beta-container{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(900px 520px at 15% 10%,hsla(32,98%,83%,.55),transparent 70%),radial-gradient(820px 520px at 85% 25%,rgba(186,230,253,.55),transparent 70%),radial-gradient(840px 520px at 50% 85%,rgba(187,247,208,.5),transparent 70%),linear-gradient(135deg,#f8fafc,#eff6ff 45%,#fff7ed)}.dev-beta-container:before{inset:-20%;background-image:radial-gradient(circle at 2px 2px,rgba(15,23,42,.16) 1px,transparent 0),radial-gradient(circle at 2px 2px,rgba(15,23,42,.1) 1px,transparent 0);background-size:26px 26px,44px 44px;animation:dev-drift 40s linear infinite;opacity:.3}.dev-beta-container:after,.dev-beta-container:before{content:"";position:absolute;z-index:0;pointer-events:none}.dev-beta-container:after{inset:0;background:radial-gradient(500px 300px at 50% 40%,hsla(0,0%,100%,.7),transparent 70%)}.dev-avatar-label{text-align:center;padding:8px 14px;background:linear-gradient(160deg,hsla(0,0%,100%,.92),rgba(248,250,252,.85));border:1px solid rgba(148,163,184,.25);border-radius:12px;box-shadow:0 8px 24px rgba(15,23,42,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:120px;max-width:150px;transition:all .3s ease}.dev-avatar-label.hovered{transform:translateY(-4px);box-shadow:0 12px 32px rgba(15,23,42,.15);border-color:var(--accent-color)}.dev-avatar-name{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:1px}.dev-avatar-role{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:4px}.dev-avatar-desc{font-size:10px;color:#475569;line-height:1.3}.dev-floating-items{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.dev-floating-item{position:absolute;font-size:2.5rem;opacity:.25;filter:grayscale(20%);will-change:transform}.dev-floating-item.anim-a{animation:dev-float-a 26s ease-in-out infinite}.dev-floating-item.anim-b{animation:dev-float-b 30s ease-in-out infinite}.dev-floating-item.anim-c{animation:dev-float-c 24s ease-in-out infinite}.dev-floating-item.anim-d{animation:dev-float-d 28s ease-in-out infinite}.dev-floating-item.anim-e{animation:dev-float-e 32s ease-in-out infinite}.dev-tech-logos{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.dev-tech-logo{position:absolute;padding:8px 14px;background:linear-gradient(160deg,hsla(0,0%,100%,.88),rgba(248,250,252,.75));border:1px solid rgba(148,163,184,.2);border-radius:10px;box-shadow:0 8px 24px rgba(15,23,42,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;font-weight:600;color:#334155;opacity:.7;will-change:transform}.dev-tech-logo.anim-a{animation:dev-tech-float-a 20s ease-in-out infinite}.dev-tech-logo.anim-b{animation:dev-tech-float-b 24s ease-in-out infinite}.dev-tech-logo.anim-c{animation:dev-tech-float-c 18s ease-in-out infinite}.dev-tech-logo.anim-d{animation:dev-tech-float-d 22s ease-in-out infinite}.dev-tech-logo.anim-e{animation:dev-tech-float-e 26s ease-in-out infinite}@keyframes dev-tech-float-a{0%{transform:translateZ(0);opacity:.7}25%{transform:translate3d(12px,-8px,0);opacity:.8}50%{transform:translate3d(-6px,10px,0);opacity:.6}75%{transform:translate3d(8px,4px,0);opacity:.75}to{transform:translateZ(0);opacity:.7}}@keyframes dev-tech-float-b{0%{transform:translateZ(0);opacity:.65}30%{transform:translate3d(-10px,6px,0);opacity:.75}60%{transform:translate3d(8px,12px,0);opacity:.6}to{transform:translateZ(0);opacity:.65}}@keyframes dev-tech-float-c{0%{transform:translateZ(0);opacity:.7}35%{transform:translate3d(10px,5px,0);opacity:.8}65%{transform:translate3d(-8px,-10px,0);opacity:.55}to{transform:translateZ(0);opacity:.7}}@keyframes dev-tech-float-d{0%{transform:translateZ(0);opacity:.6}40%{transform:translate3d(-8px,-8px,0);opacity:.75}70%{transform:translate3d(12px,6px,0);opacity:.65}to{transform:translateZ(0);opacity:.6}}@keyframes dev-tech-float-e{0%{transform:translateZ(0);opacity:.7}25%{transform:translate3d(6px,-6px,0);opacity:.6}50%{transform:translate3d(-10px,8px,0);opacity:.8}75%{transform:translate3d(8px,10px,0);opacity:.65}to{transform:translateZ(0);opacity:.7}}@keyframes dev-float-a{0%{transform:translateZ(0) rotate(0deg)}25%{transform:translate3d(28px,-16px,0) rotate(5deg)}55%{transform:translate3d(-18px,22px,0) rotate(-3deg)}80%{transform:translate3d(16px,10px,0) rotate(2deg)}to{transform:translateZ(0) rotate(0deg)}}@keyframes dev-float-b{0%{transform:translateZ(0) rotate(0deg)}20%{transform:translate3d(-22px,12px,0) rotate(-4deg)}50%{transform:translate3d(20px,24px,0) rotate(6deg)}80%{transform:translate3d(-12px,-18px,0) rotate(-2deg)}to{transform:translateZ(0) rotate(0deg)}}@keyframes dev-float-c{0%{transform:translateZ(0) rotate(0deg)}30%{transform:translate3d(20px,10px,0) rotate(4deg)}60%{transform:translate3d(-20px,-18px,0) rotate(-5deg)}to{transform:translateZ(0) rotate(0deg)}}@keyframes dev-float-d{0%{transform:translateZ(0) rotate(0deg)}25%{transform:translate3d(-18px,-20px,0) rotate(-3deg)}55%{transform:translate3d(26px,12px,0) rotate(5deg)}to{transform:translateZ(0) rotate(0deg)}}@keyframes dev-float-e{0%{transform:translateZ(0) rotate(0deg)}20%{transform:translate3d(16px,-12px,0) rotate(3deg)}50%{transform:translate3d(-22px,14px,0) rotate(-4deg)}80%{transform:translate3d(14px,20px,0) rotate(2deg)}to{transform:translateZ(0) rotate(0deg)}}@keyframes dev-drift{0%{transform:translateZ(0)}50%{transform:translate3d(-40px,30px,0)}to{transform:translateZ(0)}}.dev-ambient-pulses{position:absolute;inset:0;pointer-events:none;z-index:1}.dev-pulse{position:absolute;border-radius:999px;filter:blur(1px);animation:dev-pulse 9s ease-in-out infinite}.dev-pulse.pulse-a{width:280px;height:280px;top:12%;left:20%;background:radial-gradient(circle,rgba(56,189,248,.22) 0,transparent 70%);animation-delay:-1s}.dev-pulse.pulse-b{width:240px;height:240px;top:50%;right:15%;background:radial-gradient(circle,rgba(251,146,60,.2) 0,transparent 70%);animation-delay:-5s}.dev-pulse.pulse-c{width:200px;height:200px;bottom:15%;left:35%;background:radial-gradient(circle,rgba(74,222,128,.2) 0,transparent 70%);animation-delay:-3s}@keyframes dev-pulse{0%{transform:scale(.92);opacity:.4}50%{transform:scale(1.06);opacity:.65}to{transform:scale(.92);opacity:.4}}.dev-3d-stage{position:absolute;inset:0;z-index:2;transition:all .5s ease-out}.dev-3d-stage.avatar-active{width:50%}.dev-fallback-stage{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:18px;gap:18px;align-content:center;padding:56px}.dev-fallback-stage.avatar-active{width:50%}.dev-fallback-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(148,163,184,.24);border-radius:22px;background:linear-gradient(160deg,hsla(0,0%,100%,.96),rgba(241,245,249,.88));box-shadow:0 18px 38px rgba(15,23,42,.12);padding:18px;display:grid;grid-gap:8px;gap:8px;text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.dev-fallback-card:hover{transform:translateY(-2px);box-shadow:0 24px 46px rgba(15,23,42,.16);border-color:var(--accent-color)}.dev-fallback-card.active{border-color:var(--accent-color);box-shadow:0 24px 52px color-mix(in srgb,var(--accent-color) 22%,rgba(15,23,42,.16))}.dev-fallback-card strong{font-size:16px;color:#0f172a}.dev-fallback-card span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.dev-fallback-card p{margin:0;font-size:13px;line-height:1.5;color:#334155}.dev-fallback-card-badge{width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-color) 16%,#fff);color:#0f172a;font-size:14px;font-weight:800;letter-spacing:.08em}.dev-floating-chat{position:absolute;right:24px;left:50%;top:24px;bottom:24px;margin-left:24px;display:flex;flex-direction:column;gap:16px;z-index:10;pointer-events:none}.dev-floating-chat>*{pointer-events:auto}.dev-floating-log{flex:1 1;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:8px;scrollbar-width:none}.dev-floating-log::-webkit-scrollbar{display:none}.dev-chat-empty-bubble{display:inline-flex;align-items:center;gap:8px;padding:14px 18px;border-radius:20px;background:linear-gradient(155deg,hsla(0,0%,100%,.92),rgba(224,242,254,.8));border:1px solid rgba(148,163,184,.25);box-shadow:0 12px 28px rgba(15,23,42,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#64748b;font-size:14px;align-self:flex-start}.dev-chat-empty-icon{font-size:1.2rem}.dev-msg{display:flex;animation:msgSlideIn .3s ease-out}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dev-msg.user{justify-content:flex-end}.dev-msg.assistant{justify-content:flex-start}.dev-msg-bubble{max-width:85%;padding:12px 16px;border-radius:18px 18px 18px 6px;border:1px solid rgba(148,163,184,.25);background:linear-gradient(160deg,hsla(0,0%,100%,.95),rgba(248,250,252,.9));font-size:14px;line-height:1.5;white-space:pre-wrap;box-shadow:0 12px 28px rgba(15,23,42,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#1e293b}.dev-msg.user .dev-msg-bubble{background:linear-gradient(135deg,#0f172a,#1f2937);color:#f8fafc;border-color:rgba(15,23,42,.6);border-radius:18px 6px 18px 18px;box-shadow:0 16px 32px rgba(15,23,42,.22)}.dev-input-card{background:linear-gradient(160deg,hsla(0,0%,100%,.94),rgba(224,242,254,.82));border:1px solid rgba(148,163,184,.28);border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 26px 60px rgba(15,23,42,.18),inset 0 0 0 1px hsla(0,0%,100%,.35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dev-input-row{display:flex;gap:10px;align-items:flex-end}.dev-input-row textarea{flex:1 1;min-height:44px;max-height:120px;resize:none;padding:12px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.4);background:hsla(0,0%,100%,.9);font-size:14px;line-height:1.4;outline:none;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6);font-family:inherit}.dev-input-row textarea:focus{border-color:rgba(56,189,248,.65);box-shadow:0 0 0 3px rgba(56,189,248,.12),inset 0 1px 0 hsla(0,0%,100%,.7)}.dev-input-row textarea::placeholder{color:#94a3b8}.dev-send-btn{width:44px;height:44px;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s;box-shadow:0 4px 12px rgba(0,0,0,.15);flex-shrink:0}.dev-send-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.2)}.dev-send-btn:active{transform:scale(.98)}.dev-close-chat{background:none;border:none;color:#64748b;font-size:13px;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .2s;text-align:left}.dev-close-chat:hover{background:rgba(148,163,184,.15);color:#334155}.dev-beta-container.chat-open .dev-floating-items{mask-image:linear-gradient(90deg,#000 50%,transparent 80%);-webkit-mask-image:linear-gradient(90deg,#000 50%,transparent 80%)}.dev-welcome-bubble{position:absolute;top:15%;left:50%;transform:translateX(-50%);z-index:100;animation:dev-bubble-float 3s ease-in-out infinite}.dev-welcome-bubble-content{background:linear-gradient(160deg,hsla(0,0%,100%,.98),rgba(248,250,252,.95));border:1px solid rgba(59,130,246,.3);border-radius:20px;padding:20px 28px;box-shadow:0 8px 32px rgba(59,130,246,.15),0 4px 16px rgba(15,23,42,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:380px;text-align:center}.dev-welcome-bubble-content p{margin:0;font-size:15px;color:#334155;line-height:1.6}.dev-welcome-bubble-content p:first-of-type{margin-top:8px}.dev-welcome-bubble-content p:last-of-type{margin-top:8px;color:#64748b}.dev-welcome-bubble-content strong{color:#3b82f6;font-weight:700}.dev-welcome-wave{font-size:28px;display:block;animation:dev-wave 1.5s ease-in-out infinite;transform-origin:70% 70%}.dev-welcome-bubble-tail{position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:14px solid hsla(0,0%,100%,.98);filter:drop-shadow(0 2px 4px rgba(59,130,246,.1))}@keyframes dev-bubble-float{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}@keyframes dev-wave{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%,to{transform:rotate(0deg)}}