:root{--bg-darker:#0a0b0e;--bg-dark:#12131a;--bg-card:#1a1d2999;--bg-card-hover:#262a3bcc;--border-color:#ffffff14;--border-focus:#8b5cf6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-purple:#8b5cf6;--accent-violet:#a78bfa;--accent-mint:#10b981;--accent-blue:#3b82f6;--accent-pink:#ec4899;--grad-primary:linear-gradient(135deg, #7c3aed, #a855f7);--grad-glow:linear-gradient(135deg, #7c3aed, #06b6d4);--grad-mint:linear-gradient(135deg, #059669, #10b981);--font-heading:"Outfit", "Plus Jakarta Sans", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000004d, 0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #00000080, 0 10px 10px -5px #0000000a;--shadow-glow:0 0 20px #7c3aed4d;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-darker);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}.bg-blob{filter:blur(120px);z-index:-1;opacity:.2;pointer-events:none;border-radius:50%;animation:20s infinite alternate float-blob;position:fixed}.blob-1{background:#7c3aed;width:400px;height:400px;top:-100px;left:-100px}.blob-2{background:#0284c7;width:500px;height:500px;animation-delay:-5s;bottom:-150px;right:-100px}.blob-3{background:#db2777;width:300px;height:300px;animation-delay:-10s;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes float-blob{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,-30px)scale(1.1)}to{transform:translate(-30px,50px)scale(.9)}}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:20px}.btn{font-family:var(--font-heading);cursor:pointer;transition:var(--transition-fast);border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--grad-primary);color:var(--text-primary)}.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 15px #7c3aed66}.btn-secondary{background:var(--grad-glow);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 15px #06b6d466}.btn-outline{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0a}.btn-outline:hover:not(:disabled){background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.btn-glow{position:relative}.btn-glow:after{content:"";background:var(--grad-glow);z-index:-1;opacity:0;transition:var(--transition-normal);filter:blur(8px);border-radius:14px;position:absolute;inset:-2px}.btn-glow:hover:after{opacity:.6}.role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.role-badge.founder{color:var(--accent-pink);background:#ec489926;border:1px solid #ec489940}.role-badge.developer{color:var(--accent-blue);background:#3b82f626;border:1px solid #3b82f640}.role-badge.designer{color:var(--accent-violet);background:#a78bfa26;border:1px solid #a78bfa40}.role-badge.marketer{color:var(--accent-mint);background:#10b98126;border:1px solid #10b98140}.role-badge.investor{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b40}.role-badge.other{color:var(--text-secondary);background:#94a3b826;border:1px solid #94a3b840}.app-header{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:100;background:#0a0b0e99;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.logo{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon{background:var(--grad-primary);width:36px;height:36px;font-family:var(--font-heading);color:var(--text-primary);box-shadow:var(--shadow-glow);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.logo-text{font-family:var(--font-heading);letter-spacing:-.5px;font-size:22px;font-weight:700}.logo-text span{color:var(--accent-violet)}.nav-tabs{border:1px solid var(--border-color);background:#ffffff0a;border-radius:30px;gap:4px;padding:4px;display:flex}.nav-tab{color:var(--text-secondary);font-family:var(--font-heading);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:600;display:flex}.nav-tab:hover{color:var(--text-primary);background:#ffffff05}.nav-tab.active{color:var(--accent-violet);background:#8b5cf626;border:1px solid #8b5cf64d}.app-container{max-width:1200px;min-height:calc(100vh - 200px);margin:40px auto;padding:0 24px 60px;position:relative}.app-view{animation:fade-slide-in var(--transition-normal) forwards}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.host-grid{grid-template-columns:1.1fr .9fr;gap:32px;display:grid}.host-card{flex-direction:column;padding:36px;display:flex}.event-details{margin-bottom:24px}.event-title-badge{color:var(--accent-mint);letter-spacing:1px;background:#10b9811f;border:1px solid #10b98133;border-radius:20px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.event-details h1{font-family:var(--font-heading);letter-spacing:-.5px;outline:none;margin-bottom:8px;font-size:32px;font-weight:800}.event-details p{color:var(--text-secondary);outline:none;font-size:15px}.qr-code-wrapper{flex-direction:column;align-items:center;margin:12px 0 32px;display:flex}.qr-container{width:200px;height:200px;box-shadow:var(--shadow-lg);background:#111218;border:1px solid #ffffff26;border-radius:16px;justify-content:center;align-items:center;padding:10px;display:flex;position:relative}.qr-container img{object-fit:contain;border-radius:8px;width:100%;height:100%}.qr-overlay{background:var(--bg-darker);width:44px;height:44px;box-shadow:var(--shadow-md);border:3px solid #111218;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.logo-icon.mini{width:28px;height:28px;font-size:15px}.qr-instruction{color:var(--text-secondary);align-items:center;gap:8px;margin-top:16px;font-size:13px;display:flex}.qr-instruction i{color:var(--accent-violet)}.simulator-console{border:1px solid var(--border-color);background:#0a0b0e66;border-radius:12px;padding:16px;font-size:13px}.console-header{font-family:var(--font-heading);color:var(--accent-violet);align-items:center;gap:6px;margin-bottom:6px;font-weight:700;display:flex}.simulator-console p{color:var(--text-secondary);margin-bottom:12px}.console-actions{gap:12px;display:flex}.console-actions .btn{border-radius:8px;padding:8px 16px;font-size:13px}.live-stream-section{flex-direction:column;display:flex}.section-title-bar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title-bar h2,.section-title-bar h3{font-family:var(--font-heading);align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.live-indicator{background-color:var(--accent-mint);border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.live-indicator:after{content:"";border:2px solid var(--accent-mint);opacity:0;border-radius:50%;animation:1.5s infinite pulse-live;position:absolute;inset:-4px}@keyframes pulse-live{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}}.stat-badge{border:1px solid var(--border-color);color:var(--accent-violet);background:#ffffff0a;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.live-stats-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px;display:grid}.stat-mini-card{border:1px solid var(--border-color);text-align:center;background:#ffffff05;border-radius:12px;flex-direction:column;justify-content:center;padding:10px;display:flex}.stat-val{font-family:var(--font-heading);color:var(--text-primary);font-size:18px;font-weight:700}.stat-label{color:var(--text-secondary);text-transform:uppercase;margin-top:2px;font-size:10px}.live-stream-list{flex-direction:column;flex-grow:1;gap:12px;max-height:400px;padding-right:4px;display:flex;overflow-y:auto}.live-stream-list::-webkit-scrollbar{width:6px}.live-stream-list::-webkit-scrollbar-track{background:0 0}.live-stream-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.live-stream-list::-webkit-scrollbar-thumb:hover{background:#ffffff26}.empty-stream{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-stream i{margin-bottom:12px;font-size:32px}.empty-stream p{max-width:250px;margin:0 auto;font-size:13px}.live-guest-item{border:1px solid var(--border-color);animation:guest-arrive var(--transition-slow) cubic-bezier(.175, .885, .32, 1.275) forwards;background:#ffffff05;border-radius:14px;align-items:flex-start;gap:16px;padding:12px 16px;display:flex}@keyframes guest-arrive{0%{opacity:0;background:#8b5cf633;border-color:#8b5cf666;transform:translateY(-20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.guest-item-avatar{width:42px;height:42px;color:var(--text-primary);box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:16px;display:flex}.guest-item-info{flex-grow:1;min-width:0}.guest-item-name-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.guest-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;padding-right:8px;font-size:14px;font-weight:600;overflow:hidden}.guest-item-bio{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.guest-item-icebreakers{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.icebreaker-tag{border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-flex}.icebreaker-tag.looking{color:var(--accent-pink);background:#ec48991a;border:1px solid #ec489933}.icebreaker-tag.help{color:var(--accent-mint);background:#10b9811a;border:1px solid #10b98133}.guest-item-time{color:var(--text-muted);flex-shrink:0;margin-top:2px;font-size:10px}.checkin-container{max-width:680px;margin:0 auto;padding:40px}.form-header{text-align:center;margin-bottom:36px}.form-header h2{font-family:var(--font-heading);letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:800}.form-header p{color:var(--text-secondary);font-size:14px}form{flex-direction:column;gap:24px;display:flex}.form-row{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width<=600px){.form-row{grid-template-columns:1fr}.form-row .col-6{grid-column:span 2}}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-secondary);align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.required{color:var(--accent-pink)}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input,.input-wrapper select,.input-wrapper textarea{border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-fast);background:#ffffff08;border-radius:12px;outline:none;padding:12px 16px 12px 42px;font-size:14px}.input-wrapper textarea{resize:none;line-height:1.5}.input-wrapper input:focus,.input-wrapper select:focus,.input-wrapper textarea:focus{border-color:var(--border-focus);background:#ffffff0d;box-shadow:0 0 12px #8b5cf626}.input-icon{color:var(--text-muted);pointer-events:none;font-size:16px;position:absolute;left:16px}.textarea-icon{top:14px}.avatar-group{margin-bottom:8px}.avatar-selector{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:4px;display:grid}.avatar-option{aspect-ratio:1;cursor:pointer;color:var(--text-primary);transition:var(--transition-fast);border:3px solid #0000;border-radius:12px;justify-content:center;align-items:center;font-size:20px;display:flex}.avatar-option:hover{transform:scale(1.05)}.avatar-option.active{border-color:var(--text-primary);box-shadow:var(--shadow-md);transform:scale(1.08)}.subsection-title{font-family:var(--font-heading);color:var(--accent-violet);align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.icebreaker-section,.contact-section{border-top:1px solid var(--border-color);margin-top:8px;padding-top:24px}.contact-section h3{justify-content:space-between;align-items:center;display:flex}.contact-section h3 .sub-label{color:var(--text-muted);font-size:11px;font-weight:500}.contact-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=600px){.contact-grid{grid-template-columns:1fr}}.contact-input-row{align-items:center;gap:10px;display:flex}.contact-input-row .input-wrapper{flex-grow:1}.privacy-toggle{flex-shrink:0;width:44px;height:44px;display:inline-block;position:relative}.privacy-toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;border:1px solid var(--border-color);transition:var(--transition-fast);background-color:#ffffff0a;border-radius:12px;position:absolute;inset:0}.toggle-text{color:var(--text-muted);transition:var(--transition-fast);pointer-events:none;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.privacy-toggle input:checked+.toggle-slider{background-color:#10b98126;border-color:#10b9814d}.privacy-toggle input:checked~.toggle-text{color:var(--accent-mint)}.form-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:16px;margin-top:12px;padding-top:28px;display:flex}.directory-control-panel{flex-direction:column;gap:16px;margin-bottom:32px;padding:24px;display:flex}.search-box{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-secondary);font-size:18px;position:absolute;left:20px}.search-box input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-fast);background:#0a0b0e4d;border-radius:16px;outline:none;padding:16px 50px 16px 54px;font-size:15px}.search-box input:focus{border-color:var(--border-focus);background:#0a0b0e80;box-shadow:0 0 16px #8b5cf61f}.clear-search-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;font-size:18px;position:absolute;right:20px}.clear-search-btn:hover{color:var(--text-secondary)}.quick-suggestions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.quick-suggest-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff08;border-radius:12px;padding:6px 12px;font-size:11px}.quick-suggest-btn:hover{color:var(--text-primary);background:#8b5cf61a;border-color:#8b5cf64d;transform:translateY(-1px)}.btn-download-all:hover:not(:disabled){transform:translateY(-1px);color:var(--text-primary)!important;background:#8b5cf61a!important;border-color:#8b5cf64d!important}.btn-download-all:disabled{opacity:.5;cursor:not-allowed}.filters-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.role-filters{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-heading);cursor:pointer;transition:var(--transition-fast);background:#ffffff08;border-radius:30px;padding:6px 16px;font-size:13px;font-weight:600}.filter-chip:hover{color:var(--text-primary);background:#ffffff0f}.filter-chip.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-darker)}.btn-circle-toggle{border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-heading);cursor:pointer;transition:var(--transition-fast);background:#ffffff08;border-radius:30px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;display:flex}.btn-circle-toggle:hover{color:var(--accent-pink);border-color:#ec48994d}.btn-circle-toggle.active{color:var(--accent-pink);background:#ec489926;border-color:#ec489966}.directory-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.profile-card{cursor:pointer;transition:var(--transition-normal);flex-direction:column;padding:24px;display:flex;position:relative}.profile-card:hover{box-shadow:var(--shadow-lg);background-color:var(--bg-card-hover);border-color:#ffffff26;transform:translateY(-4px)}.bookmark-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);z-index:5;background:0 0;border:none;padding:4px;font-size:18px;position:absolute;top:20px;right:20px}.bookmark-btn:hover{color:var(--accent-pink);transform:scale(1.1)}.bookmark-btn.active{color:var(--accent-pink)}.card-header-row{align-items:center;gap:16px;margin-bottom:16px;display:flex}.card-avatar{width:54px;height:54px;color:var(--text-primary);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex}.card-identity{flex-direction:column;gap:4px;min-width:0;display:flex}.card-name{font-family:var(--font-heading);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700;overflow:hidden}.card-bio{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:16px;font-size:13px;display:-webkit-box;overflow:hidden}.card-icebreakers{border-top:1px solid var(--border-color);flex-direction:column;gap:6px;margin-bottom:16px;padding-top:12px;font-size:11px;display:flex}.card-icebreaker-item{gap:6px;display:flex}.card-icebreaker-item .lbl{color:var(--accent-violet);flex-shrink:0;font-weight:700}.card-icebreaker-item .val{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-footer-row{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.card-contact-indicators{color:var(--text-muted);gap:8px;font-size:14px;display:flex}.card-contact-indicators i.active{color:var(--text-secondary)}.card-vcard-btn{color:var(--accent-violet);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:6px;padding:6px;font-size:14px}.card-vcard-btn:hover{color:var(--text-primary);background:#8b5cf61a}.empty-directory{text-align:center;color:var(--text-muted);padding:80px 20px}.empty-directory i{margin-bottom:16px;font-size:48px}.empty-directory h3{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;opacity:0;pointer-events:none;transition:var(--transition-normal);background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:all}.modal-card{width:100%;max-width:500px;transition:var(--transition-normal);padding:32px;position:relative;transform:scale(.9)translateY(20px)}.modal-overlay.active .modal-card{transform:scale(1)translateY(0)}.modal-close{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;font-size:28px;position:absolute;top:20px;right:24px}.modal-close:hover{color:var(--text-primary)}.modal-header-content{border-bottom:1px solid var(--border-color);align-items:center;gap:20px;margin-bottom:24px;padding-bottom:20px;display:flex}.modal-avatar{width:72px;height:72px;color:var(--text-primary);box-shadow:var(--shadow-md);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:28px;display:flex}.modal-basic-info{flex-direction:column;gap:6px;min-width:0;display:flex}.modal-basic-info h2{font-family:var(--font-heading);color:var(--text-primary);font-size:22px;font-weight:700}.modal-bio{color:var(--text-secondary);font-size:13px}.modal-icebreakers{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=480px){.modal-icebreakers{grid-template-columns:1fr}}.icebreaker-box{border:1px solid var(--border-color);background:#ffffff05;border-radius:12px;padding:12px 14px}.icebreaker-box .title{text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.icebreaker-box.looking .title{color:var(--accent-pink)}.icebreaker-box.offering .title{color:var(--accent-mint)}.icebreaker-box .text{color:var(--text-secondary);font-size:13px;line-height:1.4}.modal-contacts{border-top:1px solid var(--border-color);margin-bottom:28px;padding-top:20px}.modal-contacts h3{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:14px;font-size:14px;font-weight:700}.contact-links-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=480px){.contact-links-grid{grid-template-columns:1fr}}.btn-contact-link{border:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition-fast);background:#ffffff08;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;text-decoration:none;display:flex}.btn-contact-link:hover{background:#ffffff14;transform:translateY(-1px)}.btn-contact-link.zalo-link:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.btn-contact-link.tg-link:hover{color:#08c;border-color:#08c}.btn-contact-link.fb-link:hover{color:#1877f2;border-color:#1877f2}.btn-contact-link.in-link:hover{color:#0a66c2;border-color:#0a66c2}.btn-contact-link.ig-link:hover{border-color:var(--accent-pink);color:var(--accent-pink)}.btn-contact-link.phone-link:hover{border-color:var(--accent-mint);color:var(--accent-mint)}.btn-contact-link.email-link:hover{color:#ea4335;border-color:#ea4335}.modal-footer{gap:16px;display:flex}.modal-footer .btn{flex:1}.toast-container{z-index:1100;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border:1px solid var(--border-color);box-shadow:var(--shadow-lg);color:var(--text-primary);pointer-events:none;background:#12131af2;border-radius:10px;align-items:center;gap:10px;min-width:250px;max-width:350px;padding:12px 20px;font-size:13px;font-weight:600;animation:.3s forwards toast-in,.3s 2.7s forwards toast-out;display:flex}.toast.success i{color:var(--accent-mint)}.toast.info i{color:var(--accent-blue)}.toast.heart i{color:var(--accent-pink)}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.host-mode-selector{justify-content:center;gap:16px;margin-bottom:28px;display:flex}.btn-tab-mode{border:1px solid var(--border-color);color:var(--text-secondary);transition:var(--transition-fast);background:#ffffff08;border-radius:30px;padding:10px 24px;font-size:14px}.btn-tab-mode:hover{color:var(--text-primary);background:#ffffff0f}.btn-tab-mode.active{background:var(--grad-primary);color:var(--text-primary);border-color:#0000;box-shadow:0 4px 15px #7c3aed4d}.host-admin-dashboard{animation:fade-slide-in var(--transition-normal) forwards;grid-template-columns:1fr 1.2fr;gap:32px;display:grid}@media (width<=900px){.host-admin-dashboard{grid-template-columns:1fr}}.admin-settings,.admin-moderation{flex-direction:column;padding:32px;display:flex}.admin-header-title{margin-bottom:24px}.admin-header-title h3{font-family:var(--font-heading);color:var(--accent-violet);align-items:center;gap:8px;margin-bottom:4px;font-size:18px;font-weight:700;display:flex}.admin-header-title p{color:var(--text-secondary);font-size:13px}.admin-settings-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.admin-settings-group label{color:var(--text-secondary);font-size:13px;font-weight:600}.admin-settings-switches{border-top:1px solid var(--border-color);flex-direction:column;gap:16px;margin-top:10px;margin-bottom:24px;padding-top:20px;display:flex}.admin-switch-row{border:1px solid var(--border-color);background:#ffffff03;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.switch-info{flex-direction:column;gap:2px;display:flex}.switch-label{color:var(--text-primary);font-size:13px;font-weight:600}.switch-desc{color:var(--text-muted);font-size:11px}.admin-data-actions{border-top:1px solid var(--border-color);flex-direction:column;gap:12px;padding-top:24px;display:flex}.admin-data-actions h4{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:700}.data-buttons-grid{grid-template-columns:1.1fr .9fr;gap:12px;display:grid}.btn-reset-danger{color:#ef4444;border-color:#ef444433;margin-top:4px}.btn-reset-danger:hover{color:#f87171;background:#ef444414;border-color:#ef444466}.admin-search-box{align-items:center;margin-bottom:20px;display:flex;position:relative}.admin-search-box i{color:var(--text-muted);position:absolute;left:16px}.admin-search-box input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:var(--transition-fast);background:#ffffff05;border-radius:12px;outline:none;padding:12px 16px 12px 42px;font-size:13px}.admin-search-box input:focus{border-color:var(--border-focus);background:#ffffff0a}.moderation-table-wrapper{border:1px solid var(--border-color);background:#0a0b0e33;border-radius:12px;flex-grow:1;max-height:480px;overflow-y:auto}.moderation-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.moderation-table th,.moderation-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:14px 16px}.moderation-table th{font-family:var(--font-heading);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;z-index:2;background:#ffffff03;font-size:11px;font-weight:700;position:sticky;top:0}.moderation-table tr:last-child td{border-bottom:none}.moderation-table tbody tr:hover{background:#ffffff05}.mod-member-cell{align-items:center;gap:12px;max-width:220px;display:flex}.mod-avatar{width:32px;height:32px;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.mod-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.btn-kick{color:#ef4444;cursor:pointer;transition:var(--transition-fast);background:0 0;border:1px solid #ef444426;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:700}.btn-kick:hover{color:var(--text-primary);background:#ef4444;border-color:#0000;box-shadow:0 0 10px #ef44444d}.empty-moderation{text-align:center;color:var(--text-muted);padding:40px 20px}.empty-moderation i{color:var(--text-muted);margin-bottom:8px;font-size:24px}@media (width<=900px){.host-grid{grid-template-columns:1fr}}.home-container{text-align:center;max-width:800px;margin:40px auto 0;padding:40px}.hero-section{margin-bottom:48px}.hero-title{font-family:var(--font-heading);letter-spacing:-1px;margin-bottom:16px;font-size:48px;font-weight:800;line-height:1.2}.hero-title span{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:18px}.home-actions-card{max-width:500px;margin:0 auto 40px;padding:40px}.home-actions-card h3{font-family:var(--font-heading);margin-bottom:24px;font-size:22px;font-weight:700}.form-group-home{text-align:left;flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-group-home label{color:var(--text-secondary);font-size:13px;font-weight:600}.home-features-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px;display:grid}@media (width<=768px){.home-features-grid{grid-template-columns:1fr}}.feature-card{text-align:left;padding:24px}.feature-icon{width:42px;height:42px;color:var(--accent-violet);background:#8b5cf61a;border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;font-size:18px;display:flex}.feature-card h4{font-family:var(--font-heading);margin-bottom:8px;font-size:16px;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:13px;line-height:1.5}.circlelink-svg{display:block;overflow:visible}.svg-variant-1.animated .orbit-ring-1{transform-origin:50px 50px;animation:25s linear infinite rotate-clockwise}.svg-variant-1.animated .orbit-node-1{transform-origin:50px 50px;animation:15s linear infinite rotate-clockwise}.svg-variant-1.animated .orbit-node-2{transform-origin:50px 50px;animation:10s linear infinite rotate-counter-clockwise}.svg-variant-1.animated .orbit-node-3{transform-origin:50px 50px;animation:8s linear infinite rotate-clockwise}.svg-variant-2.animated .infinity-path{stroke-dasharray:240;stroke-dashoffset:0;animation:6s linear infinite draw-infinity-flow,3s ease-in-out infinite alternate glow-pulse}.svg-variant-2.animated .core-node{animation:2s ease-in-out infinite core-pulse}.svg-variant-3.animated .triquetra-path{transform-origin:50px 53px;animation:20s linear infinite rotate-clockwise,4s ease-in-out infinite alternate glow-pulse}.svg-variant-3.animated .triquetra-core{transform-origin:50px 65px;animation:3s ease-in-out infinite alternate pulse-triquetra-core}.svg-variant-4.animated .outer-mesh-ring{animation:3s ease-in-out infinite alternate glow-pulse}.svg-variant-4.animated .node-center{animation:1.5s ease-in-out infinite core-pulse}.svg-variant-4.animated .node-top,.svg-variant-4.animated .node-bottom{animation:2.5s ease-in-out infinite alternate node-breathing-y}.svg-variant-4.animated .node-left,.svg-variant-4.animated .node-right{animation:2.5s ease-in-out infinite alternate node-breathing-x}@keyframes rotate-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-counter-clockwise{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes draw-infinity-flow{0%{stroke-dashoffset:480px}to{stroke-dashoffset:0}}@keyframes glow-pulse{0%{filter:drop-shadow(0 0 2px #8b5cf666)brightness(.9)}to{filter:drop-shadow(0 0 10px #06b6d4cc)brightness(1.2)}}@keyframes core-pulse{0%,to{opacity:.8;transform-origin:50px 50px;transform:scale(1)translate(0)}50%{opacity:1;transform-origin:50px 50px;filter:drop-shadow(0 0 6px #fff);transform:scale(1.3)translate(0)}}@keyframes pulse-triquetra-core{0%{opacity:.7;transform:scale(.95)}to{opacity:.95;filter:drop-shadow(0 0 5px #10b98180);transform:scale(1.05)}}@keyframes node-breathing-y{0%{transform:translateY(-2px)}to{transform:translateY(2px)}}@keyframes node-breathing-x{0%{transform:translate(-2px)}to{transform:translate(2px)}}html{scroll-behavior:smooth}.hero-logo-large{background:#ffffff05;border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;padding:30px;display:inline-flex;position:relative;box-shadow:inset 0 0 40px #7c3aed0d}.hero-logo-large:after{content:"";filter:blur(10px);z-index:-1;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 50px #8b5cf626}.hero-slogan-wrap{color:var(--accent-violet);text-transform:uppercase;letter-spacing:2px;min-height:28px;margin-top:15px;font-size:18px;font-weight:500;transition:all .3s;animation:.5s ease-out slogan-fade}@keyframes slogan-fade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.brand-configurator-card{border:1px solid #ffffff12;max-width:750px;margin:30px auto 40px;padding:24px}.brand-configurator-card h4{font-family:var(--font-heading);color:var(--text-primary);align-items:center;gap:8px;margin-bottom:18px;font-size:16px;font-weight:700;display:flex}.configurator-grid{text-align:left;grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=600px){.configurator-grid{grid-template-columns:1fr}}.config-section{flex-direction:column;gap:10px;display:flex}.config-section label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700}.option-selector-list{flex-direction:column;gap:8px;display:flex}.brand-opt-btn{color:var(--text-secondary);text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:13px;transition:all .2s;display:flex}.brand-opt-btn:hover{color:var(--text-primary);background:#ffffff12;border-color:#ffffff26;transform:translate(3px)}.brand-opt-btn.active{border-color:var(--accent-purple);color:var(--text-primary);background:#8b5cf61a;box-shadow:0 0 15px #8b5cf626}.brand-opt-btn .opt-index{color:var(--text-primary);background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:11px;font-weight:700;display:inline-flex}.brand-opt-btn.active .opt-index{background:var(--accent-purple)}.brand-opt-btn .opt-info{flex-direction:column;gap:2px;display:flex}.brand-opt-btn .opt-title{font-size:13px;font-weight:600}.brand-opt-btn .opt-desc{color:var(--text-muted);font-size:11px;line-height:1.3}.brand-opt-btn.active .opt-desc{color:var(--text-secondary)}.brand-actions-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;display:flex}.brand-concept-description{color:var(--text-secondary);text-align:left;max-width:70%;font-size:12px;font-style:italic}.btn-brand-save{background:var(--grad-mint);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-brand-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.workflow-section{max-width:900px;margin:60px auto 30px}.workflow-section h3{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:30px;font-size:24px;font-weight:700}.workflow-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid;position:relative}@media (width<=800px){.workflow-grid{grid-template-columns:1fr 1fr;gap:24px}}@media (width<=480px){.workflow-grid{grid-template-columns:1fr}}.workflow-card{text-align:left;background:#1a1d2966;border:1px solid #ffffff0d;flex-direction:column;height:100%;padding:20px;transition:all .3s;display:flex;position:relative}.workflow-card:hover{background:var(--bg-card-hover);border-color:#8b5cf633;transform:translateY(-4px);box-shadow:0 10px 20px -10px #7c3aed33}.workflow-step-num{width:28px;height:28px;color:var(--accent-violet);font-family:var(--font-heading);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:13px;font-weight:800;display:flex}.workflow-card:hover .workflow-step-num{background:var(--accent-purple);color:#fff;box-shadow:0 0 10px #8b5cf680}.workflow-card h5{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:8px;font-size:15px;font-weight:700}.workflow-card p{color:var(--text-secondary);font-size:12px;line-height:1.4}.workflow-arrow{color:#ffffff26;z-index:2;font-size:14px;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}@media (width<=800px){.workflow-arrow{display:none}}.cta-buttons-wrap{justify-content:center;gap:16px;margin-top:30px;margin-bottom:10px;display:flex}.btn-cta-try{background:var(--grad-primary);padding:14px 32px;font-size:16px;box-shadow:0 0 20px #7c3aed33}.btn-cta-try:hover{transform:scale(1.03)translateY(-2px);box-shadow:0 0 30px #7c3aed80}.btn-cta-learn{padding:14px 28px;font-size:16px}.home-actions-card{transition:box-shadow .5s,border-color .5s}.home-actions-card.highlighted-form{border-color:#8b5cf680;animation:2s ease-in-out infinite alternate pulse-glow-border;box-shadow:0 0 35px #8b5cf64d,inset 0 0 20px #8b5cf60d}@keyframes pulse-glow-border{0%{border-color:#8b5cf64d}to{border-color:#06b6d499}}.warm-theme{--bg-darker:#fffdf9;--bg-dark:#fffcf4;--bg-card:#ffffffd9;--bg-card-hover:#fffffff2;--border-color:#3b2a1e1f;--border-focus:#ff6b4a;--text-primary:#3b2a1e;--text-secondary:#5c4b3f;--text-muted:#8c7a6e;--accent-purple:#ff6b4a;--accent-violet:#d9480f;--accent-mint:#2b8c6a;--accent-blue:#1c7ed6;--accent-pink:#ec4899;--grad-primary:linear-gradient(135deg, #3b2a1e, #23160e);--grad-glow:linear-gradient(135deg, #ff6b4a, #ff922b);--grad-mint:linear-gradient(135deg, #2d8c6b, #12b886);--shadow-sm:0 2px 8px #3b2a1e0a;--shadow-md:0 10px 30px #3b2a1e0f;--shadow-lg:0 20px 50px #3b2a1e1a;--shadow-glow:0 0 25px #ff6b4a2e;background-color:var(--bg-darker);min-height:100vh;color:var(--text-primary);position:relative;overflow-x:hidden}.warm-theme .bg-blob{opacity:.12}.warm-theme .blob-1{background:#ffec99}.warm-theme .blob-2{background:#ffc9c9}.warm-theme .blob-3{background:#a9e34b}.warm-theme .app-header{-webkit-backdrop-filter:saturate(120%)blur(14px);background:#fffdf9e0;border-bottom:1px solid #3b2a1e14}.warm-theme .logo-text span{color:#ff6b4a}.warm-theme .hero-title span{background:linear-gradient(135deg,#ff6b4a,#ff922b);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.warm-theme .hero-logo-large{background:#fffcf6;border-color:#3b2a1e0f;box-shadow:inset 0 0 45px #ff6b4a0d}.warm-theme .hero-logo-large:after{box-shadow:0 0 50px #ff6b4a1f}.warm-theme .glass{box-shadow:var(--shadow-md);background:#fff;border:1px solid #3b2a1e14}.warm-theme .brand-opt-btn{color:var(--text-secondary);background:#fffdf9;border:1px solid #3b2a1e14}.warm-theme .brand-opt-btn:hover{color:var(--text-primary);background:#fffdf2;border-color:#3b2a1e33}.warm-theme .brand-opt-btn.active{color:#ff6b4a;background:#fff8f0;border-color:#ff6b4a;box-shadow:0 0 15px #ff6b4a14}.warm-theme .brand-opt-btn .opt-index{color:var(--text-primary);background:#3b2a1e0d}.warm-theme .brand-opt-btn.active .opt-index{color:#fff;background:#ff6b4a}.warm-theme .input-wrapper input{color:#3b2a1e;background:#fff;border:1px solid #3b2a1e1f}.warm-theme .input-wrapper input:focus{background:#fff;border-color:#ff6b4a;box-shadow:0 0 12px #ff6b4a26}.warm-theme .input-icon{color:#8c7a6e}.warm-theme .feature-card{background:#fff;border:1px solid #3b2a1e14}.warm-theme .feature-card:hover{background:#fffdf9;border-color:#ff6b4a33}.warm-theme .feature-icon{color:#ff6b4a;background:#ff6b4a14}.warm-theme .workflow-card{background:#fff;border:1px solid #3b2a1e14}.warm-theme .workflow-card:hover{background:#fffdf9;border-color:#ff6b4a33;box-shadow:0 10px 20px -10px #ff6b4a1a}.warm-theme .workflow-step-num{color:#ff6b4a;background:#3b2a1e0d;border:1px solid #3b2a1e14}.warm-theme .workflow-card:hover .workflow-step-num{color:#fff;background:#ff6b4a}.warm-theme .workflow-arrow{color:#3b2a1e26}.warm-theme .btn-primary{color:#fffdf9;background:#3b2a1e;border:1px solid #3b2a1e}.warm-theme .btn-primary:hover:not(:disabled){background:#23160e;border-color:#23160e;box-shadow:0 4px 15px #3b2a1e2e}.warm-theme .btn-outline{color:#3b2a1e;background:0 0;border:1px solid #3b2a1e2e}.warm-theme .btn-outline:hover:not(:disabled){background:#3b2a1e0a;border-color:#3b2a1e59}.warm-theme .btn-brand-save{background:#2b8c6a}.warm-theme .btn-brand-save:hover{box-shadow:0 4px 12px #2b8c6a4d}.warm-theme .home-actions-card.highlighted-form{border-color:#ff6b4a80;animation:2s ease-in-out infinite alternate warm-pulse-glow-border;box-shadow:0 0 35px #ff6b4a2e,inset 0 0 20px #ff6b4a05}@keyframes warm-pulse-glow-border{0%{border-color:#ff6b4a4d}to{border-color:#2b8c6a99}}.warm-theme .hero-title{letter-spacing:-1.5px;margin-bottom:20px;font-size:58px;font-weight:850;line-height:1.15}@media (width<=768px){.warm-theme .hero-title{letter-spacing:-.8px;font-size:40px}}.warm-theme .hero-subtitle{color:var(--text-secondary);max-width:65ch;margin:15px auto 0;font-size:18px;line-height:1.75}.warm-theme .hero-slogan-wrap{letter-spacing:.5px;color:#ff6b4a;margin-top:15px;font-size:22px;font-weight:700}@media (width<=768px){.warm-theme .hero-slogan-wrap{font-size:18px}}.warm-theme .feature-card h4{margin-bottom:10px;font-size:18px;font-weight:700}.warm-theme .feature-card p{font-size:14px;line-height:1.6}.warm-theme .workflow-card h5{font-size:16px;font-weight:700}.warm-theme .workflow-card p{font-size:13.5px;line-height:1.5}.warm-theme .form-group-home label{color:var(--text-primary);font-size:14px;font-weight:700}.warm-theme .input-wrapper input{padding:14px 16px 14px 44px;font-size:16px}.warm-theme .input-icon{font-size:16px;left:16px}.warm-theme .lang-toggle-btn{font-family:var(--font-heading);color:var(--text-primary);cursor:pointer;background:#3b2a1e0d;border:1px solid #3b2a1e14;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.warm-theme .lang-toggle-btn:hover{background:#3b2a1e1a;border-color:#3b2a1e33}.warm-theme .faq-section{text-align:left;max-width:800px;margin:80px auto 40px}.warm-theme .faq-section h3{font-family:var(--font-heading);text-align:center;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:30px;font-size:32px;font-weight:850}.warm-theme .faq-list{flex-direction:column;gap:16px;display:flex}.warm-theme .faq-item{background:#fff;border:1px solid #3b2a1e14;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.warm-theme .faq-item.active{box-shadow:var(--shadow-md);border-color:#ff6b4a4d}.warm-theme .faq-question{text-align:left;width:100%;font-family:var(--font-heading);color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;padding:20px 24px;font-size:17px;font-weight:700;transition:background-color .2s;display:flex}.warm-theme .faq-question:hover{background-color:#3b2a1e05}.warm-theme .faq-question i{color:#ff6b4a;font-size:14px;transition:transform .3s}.warm-theme .faq-answer{max-height:0;padding:0 24px;transition:max-height .3s cubic-bezier(0,1,0,1),padding .3s;overflow:hidden}.warm-theme .faq-item.active .faq-answer{max-height:500px;padding:0 24px 20px;transition:max-height .3s ease-in,padding .3s}.warm-theme .faq-answer p{color:var(--text-secondary);margin:0;font-size:14.5px;line-height:1.65}.warm-theme .login-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#3b2a1e66;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fade-in;display:flex;position:fixed;inset:0}.warm-theme .login-modal{width:100%;max-width:480px;box-shadow:var(--shadow-lg);text-align:left;background:#fff;border:1px solid #3b2a1e1f;border-radius:24px;padding:32px;animation:.3s cubic-bezier(.34,1.56,.64,1) scale-up;position:relative}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-up{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.warm-theme .login-modal h3{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.5px;margin-bottom:8px;font-size:24px;font-weight:850}.warm-theme .login-modal p{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.5}.warm-theme .login-modal .btn-close-modal{color:var(--text-muted);cursor:pointer;background:0 0;border:none;outline:none;font-size:18px;transition:color .2s;position:absolute;top:24px;right:24px}.warm-theme .login-modal .btn-close-modal:hover{color:var(--text-primary)}.warm-theme .host-session-badge{font-family:var(--font-heading);color:var(--text-secondary);background:#3b2a1e0d;border:1px solid #3b2a1e14;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.warm-theme .host-session-badge button{color:#ff6b4a;cursor:pointer;background:0 0;border:none;outline:none;margin-left:4px;font-size:12px;font-weight:800}.warm-theme .host-session-badge button:hover{text-decoration:underline}