@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");:root{--bg:#030712;--bg-secondary:#0a0f1e;--bg-card:rgba(12,19,38,.65);--bg-card-hover:rgba(15,24,46,.82);--border:hsla(0,0%,100%,.07);--border-light:hsla(0,0%,100%,.13);--purple:#a855f7;--purple-light:#c084fc;--purple-dark:#7c3aed;--cyan:#06b6d4;--cyan-light:#22d3ee;--green:#10b981;--amber:#f59e0b;--pink:#ec4899;--blue:#3b82f6;--text-1:#f1f5f9;--text-2:#94a3b8;--text-3:#475569;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--shadow-purple:0 0 30px rgba(168,85,247,.18);--shadow-cyan:0 0 30px rgba(6,182,212,.18);--glass:blur(18px) saturate(160%);--transition:all 0.22s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-1);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:inherit}a{text-decoration:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(168,85,247,.35);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(168,85,247,.55)}.bg-canvas{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.bg-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.3;animation:orbFloat 14s ease-in-out infinite}.bg-orb-1{width:650px;height:650px;background:radial-gradient(circle,#7c3aed 0,transparent 70%);top:-180px;left:-120px;animation-delay:0s}.bg-orb-2{width:550px;height:550px;background:radial-gradient(circle,#0c4a6e 0,transparent 70%);bottom:-160px;right:-80px;animation-delay:-5s}.bg-orb-3{width:380px;height:380px;background:radial-gradient(circle,#9d174d 0,transparent 70%);top:45%;left:35%;animation-delay:-9s;opacity:.18}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(25px,-35px) scale(1.05)}50%{transform:translate(-15px,20px) scale(.97)}75%{transform:translate(30px,15px) scale(1.03)}}.page-wrapper{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.site-header{background:rgba(3,7,18,.82);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;height:62px;padding:0 24px}.header-inner,.site-header{display:flex;align-items:center}.header-inner{max-width:1440px;width:100%;margin:0 auto;justify-content:space-between;gap:16px}.brand{gap:11px}.brand,.brand-logo{display:flex;align-items:center}.brand-logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#9333ea,#06b6d4);justify-content:center;font-size:20px;box-shadow:0 4px 16px rgba(147,51,234,.38);flex-shrink:0}.brand-text h1{font-size:14px;font-weight:800;letter-spacing:-.3px;color:var(--text-1);line-height:1.2}.brand-text p{font-size:10.5px;color:var(--text-3);margin-top:1px;font-weight:400}.header-right{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.hbadge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.hbadge-green{background:rgba(16,185,129,.1);color:#34d399;border:1px solid rgba(16,185,129,.22)}.hbadge-slate{background:hsla(0,0%,100%,.05);color:var(--text-2);border:1px solid var(--border);font-size:10px}.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#34d399;animation:dotPulse 2s ease infinite}@keyframes dotPulse{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(52,211,153,.5)}50%{opacity:.7;box-shadow:0 0 0 5px rgba(52,211,153,0)}}.main-layout{max-width:1440px;width:100%;margin:0 auto;padding:22px 20px 48px;display:grid;grid-template-columns:1fr;gap:18px;flex:1}@media (min-width:900px){.main-layout{grid-template-columns:200px 1fr;grid-template-rows:auto auto}.col-roles{grid-column:1;grid-row:1/3}.col-avatar{grid-column:2;grid-row:1}.col-config{grid-column:2;grid-row:2}}@media (min-width:1240px){.main-layout{grid-template-columns:198px 1fr 330px;grid-template-rows:auto}.col-roles{grid-column:1;grid-row:1}.col-avatar{grid-column:2;grid-row:1}.col-config{grid-column:3;grid-row:1}}.glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass)}.col-roles{padding:16px}.panel-label{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;color:var(--text-3);margin-bottom:10px;padding:0 2px}.roles-list{display:flex;flex-direction:column;gap:5px}@media (max-width:899px){.roles-list{flex-direction:row;overflow-x:auto;gap:7px;padding-bottom:2px}.role-card{flex-shrink:0}}.role-card{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text-2);cursor:pointer;transition:var(--transition);text-align:left;width:100%;white-space:nowrap;position:relative;overflow:hidden}.role-card:before{content:"";position:absolute;inset:0;opacity:0;transition:var(--transition);background:linear-gradient(90deg,rgba(168,85,247,.05),transparent)}.role-card:hover{border-color:var(--border-light);color:var(--text-1)}.role-card:hover:before{opacity:1}.role-card.active{border-color:rgba(168,85,247,.45);background:rgba(168,85,247,.07);color:var(--text-1);box-shadow:0 0 18px rgba(168,85,247,.1)}.role-card.active:before{opacity:1}.role-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;background:hsla(0,0%,100%,.05);transition:var(--transition)}.role-card.active .role-icon{background:rgba(168,85,247,.2)}.role-name{font-size:12px;font-weight:700;line-height:1.2}.role-desc{font-size:9.5px;color:var(--text-3);line-height:1.3;margin-top:2px;white-space:normal}@media (max-width:899px){.role-desc{display:none}}.col-avatar{display:flex;flex-direction:column;gap:14px}.video-frame{position:relative;width:100%;aspect-ratio:16/10;background:linear-gradient(145deg,#0c1320,#030712);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;display:flex;align-items:center;justify-content:center}.video-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 80%,rgba(147,51,234,.06) 0,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(6,182,212,.06) 0,transparent 50%);pointer-events:none;z-index:0}.avatar-image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .7s cubic-bezier(.4,0,.2,1);z-index:1}.avatar-image.speaking{transform:scale(1.025)}.avatar-placeholder{flex-direction:column;gap:14px;position:absolute;inset:0;z-index:1}.avatar-placeholder,.avatar-ring-wrap{display:flex;align-items:center;justify-content:center}.avatar-ring-wrap{position:relative;width:110px;height:110px}.ring{position:absolute;border-radius:50%;border:1px solid rgba(168,85,247,.25);animation:ringExpand 2.8s ease-in-out infinite}.ring-1{width:100%;height:100%;animation-delay:0s}.ring-2{width:130%;height:130%;animation-delay:.7s}.ring-3{width:160%;height:160%;animation-delay:1.4s}@keyframes ringExpand{0%{opacity:.6;transform:scale(.92)}to{opacity:0;transform:scale(1.1)}}.avatar-ring-wrap.speaking .ring{border-color:rgba(168,85,247,.5);animation-duration:1.1s}.avatar-icon-bubble{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:38px;box-shadow:0 0 40px rgba(168,85,247,.35);position:relative;z-index:1;transition:var(--transition)}.avatar-placeholder-label{font-size:13px;font-weight:700;color:var(--text-2);letter-spacing:.3px}.avatar-placeholder-sublabel{font-size:11px;color:var(--text-3);margin-top:2px}.vid-gradient{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,7,18,.92) 0,rgba(3,7,18,.1) 55%,transparent);pointer-events:none;z-index:2}.speech-bubble{position:absolute;bottom:14px;left:14px;right:14px;z-index:10;padding:14px 16px;background:rgba(3,7,18,.9);border:1px solid rgba(168,85,247,.22);border-radius:var(--radius-md);backdrop-filter:blur(14px);animation:bubbleUp .28s ease}@keyframes bubbleUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.speech-role-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--purple-light);margin-bottom:6px;display:flex;align-items:center;gap:5px}.speech-text{font-size:13px;color:var(--text-1);line-height:1.55}.voice-bars{display:flex;align-items:flex-end;gap:3px;margin-top:9px;height:18px}.vb{width:3px;border-radius:2px;background:var(--purple-light);animation:vbAnim .7s ease-in-out infinite}.vb:first-child{height:8px;animation-delay:0s}.vb:nth-child(2){height:14px;animation-delay:.1s}.vb:nth-child(3){height:18px;animation-delay:.2s}.vb:nth-child(4){height:11px;animation-delay:.3s}.vb:nth-child(5){height:16px;animation-delay:.15s}.vb:nth-child(6){height:9px;animation-delay:.05s}@keyframes vbAnim{0%,to{transform:scaleY(.45);opacity:.45}50%{transform:scaleY(1);opacity:1}}.start-overlay{position:absolute;inset:0;background:rgba(3,7,18,.72);backdrop-filter:blur(8px);flex-direction:column;gap:18px;z-index:20;text-align:center;padding:28px}.start-glyph,.start-overlay{display:flex;align-items:center;justify-content:center}.start-glyph{width:76px;height:76px;border-radius:50%;font-size:34px;box-shadow:0 10px 36px rgba(147,51,234,.45);animation:glyphPulse 2.2s ease-in-out infinite}@keyframes glyphPulse{0%,to{box-shadow:0 10px 36px rgba(147,51,234,.45);transform:scale(1)}50%{box-shadow:0 10px 56px rgba(147,51,234,.7);transform:scale(1.04)}}.start-h2{font-size:21px;font-weight:800;letter-spacing:-.5px;color:var(--text-1)}.start-p{font-size:13px;color:var(--text-2);max-width:280px;line-height:1.55}.start-cta{padding:13px 30px;background:linear-gradient(90deg,#9333ea,#4f46e5);color:#fff;font-weight:800;font-size:14px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);box-shadow:0 8px 26px rgba(147,51,234,.42);letter-spacing:.2px}.start-cta:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(147,51,234,.55)}.start-cta:active{transform:translateY(0)}.controls-panel{padding:15px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);backdrop-filter:var(--glass)}.input-row{gap:9px}.input-row,.mic-btn{display:flex;align-items:center}.mic-btn{width:46px;height:46px;flex-shrink:0;border-radius:var(--radius-md);background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.28);color:var(--purple-light);font-size:19px;cursor:pointer;transition:var(--transition);justify-content:center}.mic-btn.on,.mic-btn:hover{background:rgba(168,85,247,.22);border-color:var(--purple)}.mic-btn.on{animation:micRipple 1.6s ease infinite}@keyframes micRipple{0%,to{box-shadow:0 0 0 0 rgba(168,85,247,.4)}50%{box-shadow:0 0 0 8px rgba(168,85,247,0)}}.chat-input{flex:1;background:rgba(3,7,18,.75);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:11px 15px;color:var(--text-1);font-size:13.5px;outline:none;transition:var(--transition)}.chat-input:focus{border-color:rgba(168,85,247,.38);box-shadow:0 0 0 3px rgba(168,85,247,.07)}.chat-input::-moz-placeholder{color:var(--text-3)}.chat-input::placeholder{color:var(--text-3)}.send-btn{padding:11px 19px;background:linear-gradient(90deg,#9333ea,#4f46e5);border:none;border-radius:var(--radius-md);color:#fff;font-weight:700;font-size:13px;cursor:pointer;transition:var(--transition);white-space:nowrap}.send-btn:hover{opacity:.88;transform:translateY(-1px)}.end-btn{padding:11px 13px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.28);border-radius:var(--radius-md);color:#f87171;font-weight:700;font-size:13px;cursor:pointer;transition:var(--transition);white-space:nowrap}.end-btn:hover{background:rgba(239,68,68,.18)}.quick-chips{display:flex;align-items:center;gap:6px;margin-top:9px;overflow-x:auto;padding-bottom:2px}.chip-lbl{font-size:10px;color:var(--text-3)}.chip,.chip-lbl{white-space:nowrap;flex-shrink:0}.chip{font-size:11px;padding:4px 11px;border-radius:14px;background:hsla(0,0%,100%,.04);border:1px solid var(--border);color:var(--text-2);cursor:pointer;transition:var(--transition)}.chip:hover{background:rgba(168,85,247,.09);border-color:rgba(168,85,247,.3);color:var(--purple-light)}.col-config{display:flex;flex-direction:column;gap:12px}.cfg-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);backdrop-filter:var(--glass);padding:15px}.cfg-label{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;color:var(--text-3);margin-bottom:11px}.cfg-input{width:100%;background:rgba(3,7,18,.72);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:10px 13px;color:var(--text-1);font-size:13px;outline:none;transition:var(--transition)}.cfg-input:focus{border-color:rgba(168,85,247,.38);box-shadow:0 0 0 3px rgba(168,85,247,.07)}.cfg-input::-moz-placeholder{color:var(--text-3)}.cfg-input::placeholder{color:var(--text-3)}.cfg-hint{font-size:10.5px;color:var(--text-3);margin-top:5px;line-height:1.4}.cfg-hint strong{color:var(--purple-light);font-weight:600}.cfg-textarea{width:100%;background:rgba(3,7,18,.72);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:10px 13px;color:var(--text-1);font-size:12px;line-height:1.55;outline:none;transition:var(--transition);resize:vertical;min-height:76px}.cfg-textarea:focus{border-color:rgba(168,85,247,.38)}.tab-row{display:flex;background:rgba(3,7,18,.7);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;gap:2px;margin-bottom:11px}.tab-btn{flex:1;padding:6px 9px;border-radius:7px;border:none;background:transparent;color:var(--text-3);font-size:11px;font-weight:600;cursor:pointer;transition:var(--transition)}.tab-btn.on{background:rgba(168,85,247,.18);color:var(--purple-light)}.create-avatar-btn{width:100%;margin-top:9px;padding:10px;background:linear-gradient(90deg,rgba(168,85,247,.12),rgba(6,182,212,.12));border:1px solid rgba(168,85,247,.28);border-radius:var(--radius-md);color:var(--purple-light);font-size:12px;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:6px}.create-avatar-btn:hover:not(:disabled){background:linear-gradient(90deg,rgba(168,85,247,.22),rgba(6,182,212,.22));border-color:var(--purple)}.create-avatar-btn:disabled{opacity:.45;cursor:not-allowed}.avatar-status-pill{margin-top:8px;padding:7px 12px;border-radius:10px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:7px;line-height:1.4}.pill-processing{background:rgba(245,158,11,.09);border:1px solid rgba(245,158,11,.28);color:#fbbf24}.pill-ready{background:rgba(16,185,129,.09);border:1px solid rgba(16,185,129,.28);color:#34d399}.session-info-bar{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.18);border-radius:var(--radius-md)}.sess-dot{width:7px;height:7px;border-radius:50%;background:#34d399;animation:sessDot 1.6s ease infinite}@keyframes sessDot{0%,to{box-shadow:0 0 0 0 rgba(52,211,153,.5);opacity:1}50%{box-shadow:0 0 0 5px rgba(52,211,153,0);opacity:.7}}.snippet-tab-row{display:flex;gap:4px;margin-bottom:9px}.snippet-tab{padding:5px 13px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-3);font-size:11px;font-weight:700;cursor:pointer;transition:var(--transition);font-family:JetBrains Mono,Fira Code,Consolas,monospace}.snippet-tab.on{background:rgba(6,182,212,.1);border-color:rgba(6,182,212,.3);color:var(--cyan-light)}.snippet-wrap{position:relative}.snippet-pre{background:rgba(0,2,8,.92);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:10.5px;line-height:1.65;color:#cbd5e1;overflow-x:auto;white-space:pre}.copy-btn{position:absolute;top:8px;right:8px;padding:3px 10px;background:hsla(0,0%,100%,.06);border:1px solid var(--border);border-radius:6px;color:var(--text-2);font-size:10px;cursor:pointer;transition:var(--transition)}.copy-btn:hover{background:hsla(0,0%,100%,.1);color:var(--text-1)}.copy-btn.copied{color:#34d399;border-color:rgba(52,211,153,.3)}.sk{color:#c084fc}.ss{color:#86efac}.sn{color:#7dd3fc}.sc{color:#475569}.sp{color:#fcd34d}.ep-list{display:flex;flex-direction:column;gap:6px}.ep-row{display:flex;align-items:center;gap:8px;padding:7px 10px;background:hsla(0,0%,100%,.025);border-radius:var(--radius-sm);border:1px solid var(--border)}.ep-method{font-size:9px;font-weight:800;padding:2px 7px;border-radius:5px;font-family:JetBrains Mono,monospace;flex-shrink:0}.ep-get{background:rgba(16,185,129,.12);color:#34d399}.ep-post{background:rgba(168,85,247,.12);color:var(--purple-light)}.ep-path{font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--text-2);flex:1}.ep-desc{font-size:10px;color:var(--text-3)}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite;display:inline-block}.div-line{height:1px;background:var(--border);margin:10px 0}.panel-tab-bar{display:flex;background:rgba(3,7,18,.8);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:4px;gap:4px;margin-bottom:12px}.panel-tab{flex:1;padding:8px 12px;border-radius:10px;border:none;background:transparent;color:var(--text-2);font-size:11.5px;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:6px}.panel-tab:hover{color:var(--text-1)}.panel-tab.active{background:linear-gradient(90deg,rgba(168,85,247,.2),rgba(6,182,212,.2));border:1px solid rgba(168,85,247,.35);color:#fff;box-shadow:0 0 16px rgba(168,85,247,.15)}.magic-canvas-box{background:var(--bg-card);border:1px solid rgba(168,85,247,.25);border-radius:var(--radius-lg);padding:16px;backdrop-filter:var(--glass);box-shadow:0 8px 32px rgba(0,0,0,.4);animation:magicFadeIn .35s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:14px}@keyframes magicFadeIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.magic-header{justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:10px}.magic-header,.magic-title{display:flex;align-items:center}.magic-title{font-size:13px;font-weight:800;color:var(--text-1);gap:6px;letter-spacing:-.2px}.magic-badge{font-size:9.5px;font-weight:800;text-transform:uppercase;padding:3px 9px;border-radius:12px;letter-spacing:.5px}.badge-pricing{background:rgba(168,85,247,.15);color:var(--purple-light);border:1px solid rgba(168,85,247,.3)}.badge-booking{background:rgba(6,182,212,.15);color:var(--cyan-light);border:1px solid rgba(6,182,212,.3)}.badge-property{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-medical{background:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-academic{background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge-lead{background:rgba(236,72,153,.15);color:#f472b6;border:1px solid rgba(236,72,153,.3)}.badge-demo{background:hsla(0,0%,100%,.08);color:var(--text-2)}.badge-demo,.pricing-item{border:1px solid var(--border)}.pricing-item{background:rgba(3,7,18,.7);border-radius:var(--radius-md);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;transition:var(--transition);margin-bottom:8px}.pricing-item:hover{border-color:var(--border-light);transform:translateX(3px)}.pricing-item.popular{background:rgba(168,85,247,.09);border-color:rgba(168,85,247,.4)}.pkg-name{font-size:12px;font-weight:800;color:var(--text-1)}.pkg-sub{font-size:10.5px;color:var(--text-2);margin-top:2px}.pkg-price{font-size:13px;font-weight:900;color:var(--cyan-light)}.pkg-cta{width:100%;padding:10px;background:linear-gradient(90deg,#9333ea,#4f46e5);border:none;border-radius:var(--radius-md);color:#fff;font-weight:800;font-size:12px;cursor:pointer;margin-top:6px;box-shadow:0 4px 14px rgba(147,51,234,.3)}.slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.slot-btn{padding:8px 6px;border-radius:8px;background:hsla(0,0%,100%,.04);border:1px solid var(--border);color:var(--text-2);font-size:11px;font-weight:600;cursor:pointer;transition:var(--transition);text-align:center}.slot-btn:hover{border-color:var(--cyan);color:var(--cyan-light)}.slot-btn.selected{background:rgba(6,182,212,.2);border-color:var(--cyan);color:#fff;font-weight:800}.prop-card{background:rgba(3,7,18,.7);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:10px}.prop-img{width:100%;height:110px;-o-object-fit:cover;object-fit:cover}.prop-body{padding:10px 12px}.prop-title{font-size:12px;font-weight:800;color:var(--text-1)}.prop-meta{font-size:10.5px;color:var(--text-2);margin-top:3px;display:flex;justify-content:space-between}.info-row-card{display:flex;align-items:center;gap:10px;padding:10px;background:rgba(3,7,18,.6);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:8px}.info-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.info-title{font-size:12px;font-weight:700;color:var(--text-1)}.info-sub{font-size:10.5px;color:var(--text-2);margin-top:1px}.visual-triggers-bar{display:flex;align-items:center;gap:6px;margin-top:10px;overflow-x:auto;padding-bottom:2px}.vtrigger-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.vtrigger-btn,.vtrigger-lbl{color:var(--purple-light);white-space:nowrap;flex-shrink:0}.vtrigger-btn{font-size:11px;padding:4px 10px;border-radius:12px;background:rgba(168,85,247,.08);border:1px solid rgba(168,85,247,.22);cursor:pointer;transition:var(--transition)}.vtrigger-btn:hover{background:rgba(168,85,247,.18);border-color:var(--purple);color:#fff}.auth-overlay{position:fixed;inset:0;z-index:9999;background:rgba(3,7,18,.88);backdrop-filter:blur(24px) saturate(180%);display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:100%;max-width:440px;background:rgba(12,19,38,.85);border:1px solid rgba(168,85,247,.3);box-shadow:0 0 50px rgba(168,85,247,.15),0 20px 40px rgba(0,0,0,.6);border-radius:var(--radius-xl);padding:32px 28px;text-align:center;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--purple),var(--cyan),var(--purple))}.auth-logo{font-size:48px;margin-bottom:12px;display:inline-block;animation:pulseLogo 3s ease-in-out infinite}@keyframes pulseLogo{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.auth-title{font-size:22px;font-weight:800;color:var(--text-1);letter-spacing:-.5px}.auth-subtitle{font-size:13px;color:var(--text-2);margin-top:6px;margin-bottom:24px;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-input-group{text-align:left}.auth-label{display:block;font-size:11.5px;font-weight:700;color:var(--text-2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.auth-input{width:100%;padding:12px 16px;background:rgba(3,7,18,.75);border:1px solid hsla(0,0%,100%,.12);border-radius:var(--radius-md);color:var(--text-1);font-size:14px;transition:var(--transition)}.auth-input:focus{outline:none;border-color:var(--purple-light);box-shadow:0 0 16px rgba(168,85,247,.25)}.auth-error{padding:10px 14px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:#fca5a5;font-size:12px;text-align:left}.auth-submit-btn{width:100%;padding:13px 20px;background:linear-gradient(135deg,var(--purple-dark),var(--purple));color:#fff;font-weight:700;font-size:14px;border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 4px 20px rgba(168,85,247,.35);transition:var(--transition)}.auth-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px rgba(168,85,247,.45)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer-note{font-size:11px;color:var(--text-3);margin-top:20px;line-height:1.4}.btn-logout{padding:5px 12px;font-size:11px;font-weight:600;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:8px;cursor:pointer;transition:var(--transition)}.btn-logout:hover{background:rgba(239,68,68,.3);color:#fff}