@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.onboarding-page-container{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#000;background:linear-gradient(#000,#222);overflow-y:auto;position:fixed;top:0;left:0;z-index:100;padding:4rem 1rem 2rem}.bubble-animation-container{margin-bottom:1rem;display:flex;justify-content:center;align-items:center;width:100%;flex-shrink:0}.bubble-animation-container canvas{display:block}.onboarding-content{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:100%;width:100%}.step-indicator{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:2rem}.step-indicator .step{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;transition:all .3s ease}.step-indicator .step.active{background:var(--bubble-primary);color:#fff}.step-indicator .step.completed{background:var(--bubble-secondary);color:#fff}.step-indicator .step.inactive{background:#ffffff1a;color:var(--text-muted)}.step-indicator .connector{width:2rem;height:2px;background:#fff3}.step-indicator .connector.completed{background:var(--bubble-secondary)}.form-group{margin-bottom:1.5rem;width:100%;text-align:left}.form-group label{display:block;color:var(--text-light);font-weight:600;margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number],.form-group select{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);background:var(--color-surface);color:var(--text-light);font-size:1rem;transition:all .2s ease-in-out}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=number]:focus,.form-group select:focus{outline:none;border-color:var(--bubble-primary);box-shadow:0 0 0 2px #6366f180}.form-group input[type=text]::-moz-placeholder,.form-group input[type=email]::-moz-placeholder,.form-group input[type=password]::-moz-placeholder,.form-group input[type=number]::-moz-placeholder,.form-group select::-moz-placeholder{color:var(--text-muted)}.form-group input[type=text]::placeholder,.form-group input[type=email]::placeholder,.form-group input[type=password]::placeholder,.form-group input[type=number]::placeholder,.form-group select::placeholder{color:var(--text-muted)}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="white" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');background-repeat:no-repeat;background-position:right .75rem center;background-size:1.5em 1.5em;padding-right:2.5rem}.form-group .help-text{font-size:.875rem;color:var(--text-muted);margin-top:.5rem}.form-group input[type=range]{width:100%;height:.5rem;border-radius:.25rem;background:#ffffff1a;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--bubble-primary);cursor:pointer;box-shadow:0 0 0 2px #6366f14d}.form-group input[type=range]::-moz-range-thumb{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--bubble-primary);cursor:pointer;border:none;box-shadow:0 0 0 2px #6366f14d}.threshold-display{text-align:center;margin:1rem 0}.threshold-display .threshold-value{font-size:2rem;font-weight:700;color:var(--bubble-primary);margin-bottom:.5rem}.threshold-display .threshold-label{color:var(--text-muted);font-size:.875rem}.topic-card{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);margin-bottom:.75rem;transition:all .2s ease}.topic-card:hover{background:#ffffff14}.topic-card .icon{font-size:1.5rem;flex-shrink:0}.topic-card input[type=text]{flex-grow:1;background:transparent;border:none;padding:0;color:var(--text-light);font-size:1rem}.topic-card input[type=text]:focus{box-shadow:none;border-color:transparent}.topic-card .reset-button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease;flex-shrink:0}.topic-card .reset-button:hover{color:var(--bubble-primary);background:#6366f11a}.mood-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);margin-bottom:.75rem}.mood-item .emoji{font-size:1.5rem;flex-shrink:0}.mood-item .label{color:var(--text-light);font-size:1rem}.add-group-form{display:flex;gap:1rem;align-items:end;margin-bottom:2rem}.add-group-form .form-group{flex-grow:1;margin-bottom:0}.add-group-form .add-button{flex-shrink:0;white-space:nowrap}.group-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-radius:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);margin-bottom:.75rem}.group-item .group-info{flex-grow:1}.group-item .group-info .group-name{color:var(--text-light);font-weight:500;margin-bottom:.25rem}.group-item .group-info .group-code{font-family:Courier New,monospace;font-size:.875rem;color:var(--text-muted)}.group-item .code-actions{display:flex;align-items:center;gap:.5rem}.group-item .code-actions .code-display{background:#ffffff1a;padding:.5rem .75rem;border-radius:.25rem;font-family:Courier New,monospace;color:var(--text-light);font-size:.875rem;font-weight:600}.group-item .code-actions .copy-button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:.25rem;transition:all .2s ease}.group-item .code-actions .copy-button:hover{color:var(--bubble-primary);background:#6366f11a}.groups-instructions{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:1rem;margin-top:1rem}.groups-instructions p{color:var(--text-muted);font-size:.875rem;margin:0;line-height:1.5}.navigation-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;width:100%}.navigation-buttons .back-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:var(--text-light);padding:.75rem 1.5rem;border-radius:2rem;font-weight:600;cursor:pointer;transition:all .2s ease}.navigation-buttons .back-button:hover{background:#ffffff1a}.navigation-buttons .next-button{background:linear-gradient(135deg,var(--bubble-primary),var(--bubble-secondary));border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.5rem;border-radius:2rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-left:auto}.navigation-buttons .next-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f166}.navigation-buttons .next-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.loading .spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--bubble-primary);border-radius:50%;animation:spin 1s linear infinite}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.success-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.dynamic-bubble-stream-view .stream-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;gap:1.5rem}.dynamic-bubble-stream-view .stream-header .header-content{text-align:center}.dynamic-bubble-stream-view .stream-header .header-content .stream-title{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dynamic-bubble-stream-view .stream-header .header-content .stream-subtitle{color:#9ca3af;font-size:1.125rem;margin:0}.dynamic-bubble-stream-view .stream-controls{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:center;background:#374151;padding:1rem;border-radius:.75rem}.dynamic-bubble-stream-view .stream-controls .control-group{display:flex;align-items:center;gap:.5rem}.dynamic-bubble-stream-view .stream-controls .control-group .control-label{display:flex;align-items:center;gap:.5rem;color:#e5e7eb;font-size:.875rem;font-weight:500;white-space:nowrap}.dynamic-bubble-stream-view .stream-controls .control-group .control-label .control-icon{width:1rem;height:1rem}.dynamic-bubble-stream-view .stream-controls .control-group .control-select{background:#1f2937;border:1px solid #4b5563;border-radius:.5rem;color:#fff;padding:.5rem .75rem;font-size:.875rem;cursor:pointer;min-width:120px}.dynamic-bubble-stream-view .stream-controls .control-group .control-select:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 2px #a855f733}.dynamic-bubble-stream-view .bubble-stream-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem;margin-bottom:3rem;padding:1rem 0;justify-items:center;align-items:center}.dynamic-bubble-stream-view .bubble-stream-grid .empty-state{grid-column:1/-1;text-align:center;padding:4rem 2rem;color:#9ca3af}.dynamic-bubble-stream-view .bubble-stream-grid .empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.dynamic-bubble-stream-view .bubble-stream-grid .empty-state h3{color:#e5e7eb;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.dynamic-bubble-stream-view .bubble-stream-grid .empty-state p{font-size:1rem;margin:0}.dynamic-bubble-stream-view .bubble-stream-grid .loading-state{grid-column:1/-1;text-align:center;padding:4rem 2rem;color:#9ca3af}.dynamic-bubble-stream-view .bubble-stream-grid .loading-state .loading-spinner{width:3rem;height:3rem;border:4px solid rgba(168,85,247,.3);border-top:4px solid #a855f7;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.dynamic-bubble-stream-view .bubble-stream-grid .loading-state p{font-size:1rem;margin:0}.dynamic-bubble-stream-view .bubble-stream-grid .error-state{grid-column:1/-1;text-align:center;padding:4rem 2rem;color:#9ca3af}.dynamic-bubble-stream-view .bubble-stream-grid .error-state .error-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.dynamic-bubble-stream-view .bubble-stream-grid .error-state h3{color:#ef4444;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.dynamic-bubble-stream-view .bubble-stream-grid .error-state p{font-size:1rem;margin:0}.dynamic-bubble-stream-view .info-section{margin-top:3rem}.dynamic-bubble-stream-view .info-section .info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.dynamic-bubble-stream-view .info-section .info-cards .info-card{background:#1f2937;border:1px solid #374151;border-radius:.75rem;padding:1.25rem;text-align:center;transition:all .3s ease}.dynamic-bubble-stream-view .info-section .info-cards .info-card:hover{transform:translateY(-2px);border-color:#6366f1;box-shadow:0 8px 25px #00000026}.dynamic-bubble-stream-view .info-section .info-cards .info-card .info-icon{font-size:2rem;margin-bottom:.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.dynamic-bubble-stream-view .info-section .info-cards .info-card .info-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.dynamic-bubble-stream-view .info-section .info-cards .info-card .info-text{color:#9ca3af;line-height:1.6;margin:0;font-size:.875rem}.css-bubble{position:relative;border-radius:50%;aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:center;cursor:pointer;transition:all .4s ease;overflow:visible;animation:bubble-float 6s ease-in-out infinite}.css-bubble.positive{background:radial-gradient(circle at 30% 30%,#22c55e4d,#22c55e1a,#10b9810d);border:2px solid rgba(34,197,94,.4);box-shadow:0 0 20px #22c55e33,inset 0 0 20px #22c55e1a}.css-bubble.positive:hover{transform:scale(1.05) translateY(-5px);box-shadow:0 10px 30px #22c55e4d,inset 0 0 30px #22c55e26}.css-bubble.negative{background:radial-gradient(circle at 30% 30%,#ef44444d,#ef44441a,#dc26260d);border:2px solid rgba(239,68,68,.4);box-shadow:0 0 20px #ef444433,inset 0 0 20px #ef44441a}.css-bubble.negative:hover{transform:scale(1.05) translateY(-5px);box-shadow:0 10px 30px #ef44444d,inset 0 0 30px #ef444426}.css-bubble.neutral{background:radial-gradient(circle at 30% 30%,#9ca3af4d,#9ca3af1a,#6b72800d);border:2px solid rgba(156,163,175,.4);box-shadow:0 0 20px #9ca3af33,inset 0 0 20px #9ca3af1a}.css-bubble.neutral:hover{transform:scale(1.05) translateY(-5px);box-shadow:0 10px 30px #9ca3af4d,inset 0 0 30px #9ca3af26}.css-bubble:before{content:"";position:absolute;top:10%;left:15%;width:30%;height:30%;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 70%);border-radius:50%;filter:blur(8px);pointer-events:none;z-index:1}.css-bubble .bubble-inner{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem;height:100%}.css-bubble .bubble-inner .bubble-text{color:#fff;font-size:.8rem;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.5);max-width:100%;word-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-bottom:.5rem}.css-bubble .bubble-inner .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.5rem;height:2.5rem;background:#fffffff2;border:none;border-radius:50%;color:#1f2937;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d;z-index:10}.css-bubble .bubble-inner .play-button:hover{background:#fff;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 16px #0006}.css-bubble .bubble-inner .play-button.playing{background:#10b981;color:#fff}.css-bubble .bubble-inner .play-button.playing .play-icon{animation:pulse 1s ease-in-out infinite}.css-bubble .bubble-inner .play-button .play-icon{width:1rem;height:1rem}.css-bubble .bubble-inner .waves{position:absolute;width:120%;height:120%;background:#ffffff26;opacity:0;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;animation:waves 3s ease-in-out infinite}.css-bubble .bubble-inner .wave-1{animation-delay:0s}.css-bubble .bubble-inner .wave-2{animation-delay:1s}.css-bubble .bubble-inner .wave-3{animation-delay:2s}.css-bubble .bubble-footer{position:absolute;bottom:-2rem;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;align-items:center;width:100%;z-index:10;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.1)}.css-bubble .bubble-footer .bubble-meta{display:flex;align-items:center;gap:.5rem}.css-bubble .bubble-footer .bubble-meta .topic-indicator,.css-bubble .bubble-footer .bubble-meta .mood-indicator{font-size:1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.css-bubble .bubble-footer .bubble-engagement .spark-button{display:flex;align-items:center;gap:.25rem;background:#a855f733;border:1px solid rgba(168,85,247,.4);color:#fff;padding:.25rem .5rem;border-radius:.75rem;cursor:pointer;transition:all .2s ease;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.css-bubble .bubble-footer .bubble-engagement .spark-button:hover:not(:disabled){background:#a855f766;border-color:#a855f799;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.css-bubble .bubble-footer .bubble-engagement .spark-button:disabled{opacity:.5;cursor:not-allowed}.css-bubble .bubble-footer .bubble-engagement .spark-button.supported{background:#a855f7cc;border-color:#a855f7e6;box-shadow:0 0 10px #a855f766}.css-bubble .bubble-footer .bubble-engagement .spark-button .spark-icon{width:.875rem;height:.875rem}.css-bubble .bubble-footer .bubble-engagement .spark-button .spark-count{font-weight:700}@keyframes waves{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}50%{opacity:.6}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bubble-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-8px) rotate(1deg)}66%{transform:translateY(-4px) rotate(-1deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.dynamic-bubble-stream-view .stream-header .stream-controls{flex-direction:column;align-items:stretch;gap:1rem}.dynamic-bubble-stream-view .stream-header .stream-controls .control-group{justify-content:space-between}.dynamic-bubble-stream-view .stream-header .stream-controls .control-group .control-select{min-width:auto;flex:1;max-width:200px}}@media (max-width: 768px){.dynamic-bubble-stream-view .stream-controls{flex-direction:column;align-items:stretch;gap:1rem}.dynamic-bubble-stream-view .stream-controls .control-group{justify-content:space-between}.dynamic-bubble-stream-view .stream-controls .control-group .control-select{min-width:auto;flex:1;max-width:200px}.dynamic-bubble-stream-view .bubble-stream-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem}.dynamic-bubble-stream-view .info-section .info-cards{grid-template-columns:1fr}.css-bubble .bubble-inner{padding:.75rem}.css-bubble .bubble-inner .bubble-text{font-size:.75rem;-webkit-line-clamp:3}.css-bubble .bubble-inner .play-button{width:2rem;height:2rem}.css-bubble .bubble-inner .play-button .play-icon{width:.875rem;height:.875rem}.css-bubble .bubble-footer{bottom:-1.5rem;padding:.375rem .5rem}.css-bubble .bubble-footer .bubble-meta .topic-indicator,.css-bubble .bubble-footer .bubble-meta .mood-indicator{font-size:.875rem}.css-bubble .bubble-footer .bubble-engagement .spark-button{padding:.25rem .375rem;font-size:.6875rem}.css-bubble .bubble-footer .bubble-engagement .spark-button .spark-icon{width:.75rem;height:.75rem}}.dashboard-container{min-height:100vh;background:#0f0f0f;display:flex;flex-direction:column}.dashboard-loading,.dashboard-error{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f0f0f}.dashboard-loading .loading-content,.dashboard-loading .error-content,.dashboard-error .loading-content,.dashboard-error .error-content{text-align:center;color:#e5e7eb}.dashboard-loading .loading-content .spinner,.dashboard-loading .error-content .spinner,.dashboard-error .loading-content .spinner,.dashboard-error .error-content .spinner{width:2rem;height:2rem;border:3px solid rgba(99,102,241,.3);border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.dashboard-loading .loading-content p,.dashboard-loading .error-content p,.dashboard-error .loading-content p,.dashboard-error .error-content p{font-size:1.1rem;margin-bottom:1rem}.dashboard-loading .loading-content button,.dashboard-loading .error-content button,.dashboard-error .loading-content button,.dashboard-error .error-content button{background:#6366f1;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;transition:background-color .2s}.dashboard-loading .loading-content button:hover,.dashboard-loading .error-content button:hover,.dashboard-error .loading-content button:hover,.dashboard-error .error-content button:hover{background:#5856eb}.dashboard-header{background:#1f2937;border-bottom:1px solid #374151;position:sticky;top:0;z-index:100}.dashboard-header .header-content{max-width:100%;padding:0 1.5rem;height:4rem;display:flex;align-items:center;justify-content:space-between}.dashboard-header .header-left{display:flex;align-items:center}.dashboard-header .header-left .app-logo{display:flex;align-items:center;gap:.75rem}.dashboard-header .header-left .app-logo .logo-icon{width:2rem;height:2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:.5rem;display:flex;align-items:center;justify-content:center}.dashboard-header .header-left .app-logo .logo-icon span{color:#fff;font-weight:700;font-size:1.125rem}.dashboard-header .header-left .app-logo .app-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 0 20px rgba(255,255,255,.3)}.dashboard-header .header-center{text-align:center;flex:1}.dashboard-header .header-center .dashboard-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.dashboard-header .header-center .contextual-display{color:#9ca3af;font-size:.875rem;margin:0}.dashboard-header .header-right{display:flex;align-items:center;gap:1rem}.dashboard-header .header-right .user-info{text-align:right}.dashboard-header .header-right .user-info .user-greeting{color:#e5e7eb;font-size:.875rem;margin:0 0 .125rem}.dashboard-header .header-right .user-info .user-role{color:#9ca3af;font-size:.75rem;margin:0}.dashboard-header .header-right .user-menu{position:relative}.dashboard-header .header-right .user-menu .user-avatar{width:2.5rem;height:2.5rem;background:#374151;border:2px solid #4b5563;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.dashboard-header .header-right .user-menu .user-avatar:hover{border-color:#6366f1;background:#4b5563}.dashboard-header .header-right .user-menu .user-avatar .avatar-icon{width:1.25rem;height:1.25rem;color:#d1d5db}.dashboard-header .header-right .user-menu .dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#1f2937;border:1px solid #374151;border-radius:.5rem;box-shadow:0 10px 25px #0000004d;min-width:12rem;z-index:50}.dashboard-header .header-right .user-menu .dropdown-menu .dropdown-header{padding:.75rem 1rem;border-bottom:1px solid #374151}.dashboard-header .header-right .user-menu .dropdown-menu .dropdown-header .dropdown-email{color:#fff;font-size:.875rem;margin:0 0 .25rem}.dashboard-header .header-right .user-menu .dropdown-menu .dropdown-header .dropdown-company{color:#9ca3af;font-size:.75rem;margin:0}.dashboard-header .header-right .user-menu .dropdown-menu .dropdown-divider{height:1px;background:#374151;margin:.25rem 0}.dashboard-header .header-right .user-menu .dropdown-menu .dropdown-item{width:100%;padding:.75rem 1rem;background:none;border:none;color:#e5e7eb;font-size:.875rem;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:background-color .2s}.dashboard-header .header-right .user-menu .dropdown-menu .dropdown-item:hover{background:#374151}.dashboard-header .header-right .user-menu .dropdown-menu .dropdown-item.logout{color:#f87171}.dashboard-header .header-right .user-menu .dropdown-menu .dropdown-item.logout:hover{background:#f871711a}.dashboard-header .header-right .user-menu .dropdown-menu .dropdown-item .dropdown-icon{width:1rem;height:1rem}.dashboard-body{display:flex;flex:1;overflow:hidden}.dashboard-sidebar{width:16rem;background:#111827;border-right:1px solid #374151;overflow-y:auto}.dashboard-sidebar .sidebar-content{padding:1.5rem 1rem}.dashboard-sidebar .sidebar-section{margin-bottom:2rem}.dashboard-sidebar .sidebar-section .section-title{color:#9ca3af;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem}.dashboard-sidebar .sidebar-link{width:100%;padding:.75rem 1rem;background:none;border:none;color:#d1d5db;font-size:.875rem;text-align:left;cursor:pointer;border-radius:.5rem;display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;transition:all .2s}.dashboard-sidebar .sidebar-link:hover{background:#1f2937;color:#fff}.dashboard-sidebar .sidebar-link.active{background:#6366f1;color:#fff}.dashboard-sidebar .sidebar-link.subsection-link{margin-left:1rem;font-size:.8125rem}.dashboard-sidebar .sidebar-link .link-icon{width:1rem;height:1rem;flex-shrink:0}.dashboard-sidebar .subsection{margin-top:1rem}.dashboard-sidebar .subsection .subsection-title{color:#6b7280;font-size:.75rem;font-weight:500;margin:0 0 .75rem 1rem}.dashboard-sidebar .sidebar-action-button{width:100%;padding:1rem;background:#1f2937;border:1px solid #374151;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .2s}.dashboard-sidebar .sidebar-action-button:hover{background:#374151;border-color:#6366f1}.dashboard-sidebar .sidebar-action-button .action-icon{width:1.25rem;height:1.25rem;color:#6366f1;flex-shrink:0}.dashboard-sidebar .sidebar-action-button .action-content{text-align:left}.dashboard-sidebar .sidebar-action-button .action-content .action-title{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.dashboard-sidebar .sidebar-action-button .action-content .action-subtitle{display:block;font-size:.75rem;color:#9ca3af}.dashboard-sidebar .stats-card{background:#1f2937;border:1px solid #374151;border-radius:.5rem;padding:1rem}.dashboard-sidebar .stats-card .stats-title{color:#fff;font-size:.875rem;font-weight:500;margin:0 0 .75rem}.dashboard-sidebar .stats-card .stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.dashboard-sidebar .stats-card .stat-item{text-align:center}.dashboard-sidebar .stats-card .stat-item .stat-value{display:block;color:#6366f1;font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.dashboard-sidebar .stats-card .stat-item .stat-label{display:block;color:#9ca3af;font-size:.75rem}.dashboard-main{flex:1;overflow-y:auto;background:#0f0f0f}.dashboard-main .error-banner{background:#7f1d1d;border:1px solid #b91c1c;color:#fca5a5;padding:1rem 1.5rem;margin:1.5rem;border-radius:.5rem;font-size:.875rem}.dashboard-main .view-toggle{display:flex;background:#1f2937;border-bottom:1px solid #374151;padding:0 1.5rem}.dashboard-main .view-toggle .toggle-button{padding:1rem 1.5rem;background:none;border:none;color:#9ca3af;font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.dashboard-main .view-toggle .toggle-button:hover{color:#d1d5db}.dashboard-main .view-toggle .toggle-button.active{color:#6366f1;border-bottom-color:#6366f1}.dashboard-main .view-content{padding:1.5rem}.analytics-view .analytics-header{margin-bottom:2rem}.analytics-view .analytics-header .analytics-title{color:#fff;font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.analytics-view .analytics-header .analytics-subtitle{color:#9ca3af;font-size:1rem;margin:0}.analytics-view .analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.5rem}.analytics-view .analytics-widget{background:#1f2937;border:1px solid #374151;border-radius:.75rem;padding:1.5rem}.analytics-view .analytics-widget .widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.analytics-view .analytics-widget .widget-header .widget-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0}.analytics-view .analytics-widget .widget-header .widget-icon{width:1.25rem;height:1.25rem;color:#6366f1}.analytics-view .vibe-summary .vibe-content .vibe-main{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.analytics-view .vibe-summary .vibe-content .vibe-main .vibe-emoji{font-size:3rem}.analytics-view .vibe-summary .vibe-content .vibe-main .vibe-phrase{color:#fff;font-size:1.5rem;font-weight:600}.analytics-view .vibe-summary .vibe-content .vibe-breakdown{margin-bottom:1rem}.analytics-view .vibe-summary .vibe-content .vibe-breakdown .sentiment-bar{height:.75rem;background:#374151;border-radius:.375rem;display:flex;overflow:hidden;margin-bottom:.75rem}.analytics-view .vibe-summary .vibe-content .vibe-breakdown .sentiment-bar .sentiment-segment{height:100%}.analytics-view .vibe-summary .vibe-content .vibe-breakdown .sentiment-bar .sentiment-segment.positive{background:#10b981}.analytics-view .vibe-summary .vibe-content .vibe-breakdown .sentiment-bar .sentiment-segment.neutral{background:#f59e0b}.analytics-view .vibe-summary .vibe-content .vibe-breakdown .sentiment-bar .sentiment-segment.negative{background:#ef4444}.analytics-view .vibe-summary .vibe-content .vibe-breakdown .sentiment-labels{display:flex;justify-content:space-between;font-size:.875rem}.analytics-view .vibe-summary .vibe-content .vibe-breakdown .sentiment-labels .sentiment-label.positive{color:#10b981}.analytics-view .vibe-summary .vibe-content .vibe-breakdown .sentiment-labels .sentiment-label.neutral{color:#f59e0b}.analytics-view .vibe-summary .vibe-content .vibe-breakdown .sentiment-labels .sentiment-label.negative{color:#ef4444}.analytics-view .vibe-summary .vibe-content .vibe-note{color:#9ca3af;font-size:.875rem;margin:0}.analytics-view .topics-breakdown .topics-content .topic-item{margin-bottom:1.5rem}.analytics-view .topics-breakdown .topics-content .topic-item .topic-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.analytics-view .topics-breakdown .topics-content .topic-item .topic-header .topic-icon{font-size:1.25rem}.analytics-view .topics-breakdown .topics-content .topic-item .topic-header .topic-name{color:#fff;font-weight:500}.analytics-view .topics-breakdown .topics-content .topic-item .topic-sentiment .sentiment-bar{height:.5rem;background:#374151;border-radius:.25rem;display:flex;overflow:hidden;margin-bottom:.5rem}.analytics-view .topics-breakdown .topics-content .topic-item .topic-sentiment .sentiment-bar .sentiment-segment{height:100%}.analytics-view .topics-breakdown .topics-content .topic-item .topic-sentiment .sentiment-bar .sentiment-segment.positive{background:#10b981}.analytics-view .topics-breakdown .topics-content .topic-item .topic-sentiment .sentiment-bar .sentiment-segment.neutral{background:#f59e0b}.analytics-view .topics-breakdown .topics-content .topic-item .topic-sentiment .sentiment-bar .sentiment-segment.negative{background:#ef4444}.analytics-view .topics-breakdown .topics-content .topic-item .topic-sentiment .sentiment-percentages{display:flex;justify-content:space-between;font-size:.75rem}.analytics-view .topics-breakdown .topics-content .topic-item .topic-sentiment .sentiment-percentages .positive{color:#10b981}.analytics-view .topics-breakdown .topics-content .topic-item .topic-sentiment .sentiment-percentages .neutral{color:#f59e0b}.analytics-view .topics-breakdown .topics-content .topic-item .topic-sentiment .sentiment-percentages .negative{color:#ef4444}.analytics-view .topics-breakdown .topics-content .topics-note{color:#9ca3af;font-size:.875rem;margin:1rem 0 0}.analytics-view .vibe-trend .trend-content .trend-placeholder .trend-chart{position:relative;height:8rem;background:#111827;border-radius:.5rem;margin-bottom:1rem;overflow:hidden}.analytics-view .vibe-trend .trend-content .trend-placeholder .trend-chart .chart-line{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 40%,#6366f1 50%,transparent 60%);opacity:.3}.analytics-view .vibe-trend .trend-content .trend-placeholder .trend-chart .chart-points{position:relative;height:100%}.analytics-view .vibe-trend .trend-content .trend-placeholder .trend-chart .chart-points .chart-point{position:absolute;width:.5rem;height:.5rem;background:#6366f1;border-radius:50%;transform:translate(-50%,50%)}.analytics-view .vibe-trend .trend-content .trend-placeholder .trend-labels{display:flex;justify-content:space-between;color:#9ca3af;font-size:.75rem}.analytics-view .sparked-bubbles{grid-column:1/-1}.analytics-view .sparked-bubbles .bubbles-content .bubble-item{background:#111827;border:1px solid #374151;border-radius:.5rem;padding:1rem;margin-bottom:1rem;cursor:pointer;transition:all .2s}.analytics-view .sparked-bubbles .bubbles-content .bubble-item:hover{border-color:#6366f1;background:#1f2937}.analytics-view .sparked-bubbles .bubbles-content .bubble-item .bubble-content .bubble-text{color:#e5e7eb;margin:0 0 1rem;line-height:1.5}.analytics-view .sparked-bubbles .bubbles-content .bubble-item .bubble-content .bubble-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.analytics-view .sparked-bubbles .bubbles-content .bubble-item .bubble-content .bubble-meta .bubble-topic{display:flex;align-items:center;gap:.5rem}.analytics-view .sparked-bubbles .bubbles-content .bubble-item .bubble-content .bubble-meta .bubble-topic .topic-icon{font-size:1rem}.analytics-view .sparked-bubbles .bubbles-content .bubble-item .bubble-content .bubble-meta .bubble-topic .topic-name{color:#9ca3af;font-size:.875rem}.analytics-view .sparked-bubbles .bubbles-content .bubble-item .bubble-content .bubble-meta .bubble-topic .mood-emoji{font-size:1rem}.analytics-view .sparked-bubbles .bubbles-content .bubble-item .bubble-content .bubble-meta .bubble-engagement{display:flex;align-items:center;gap:1rem}.analytics-view .sparked-bubbles .bubbles-content .bubble-item .bubble-content .bubble-meta .bubble-engagement .spark-count,.analytics-view .sparked-bubbles .bubbles-content .bubble-item .bubble-content .bubble-meta .bubble-engagement .perspectives-count{display:flex;align-items:center;gap:.25rem;color:#9ca3af;font-size:.875rem}.analytics-view .sparked-bubbles .bubbles-content .bubble-item .bubble-content .bubble-meta .bubble-engagement .spark-count .engagement-icon,.analytics-view .sparked-bubbles .bubbles-content .bubble-item .bubble-content .bubble-meta .bubble-engagement .perspectives-count .engagement-icon{width:.875rem;height:.875rem}.analytics-view .sparked-bubbles .bubbles-content .bubble-item .bubble-content .bubble-timestamp{color:#6b7280;font-size:.75rem}.analytics-view .sparked-bubbles .bubbles-content .bubbles-note{color:#9ca3af;font-size:.875rem;margin:1rem 0 0;font-style:italic}.analytics-view .ai-summary .summary-content .summary-placeholder .summary-text{color:#e5e7eb;line-height:1.6;margin:0 0 1.5rem}.analytics-view .ai-summary .summary-content .summary-placeholder .generate-summary-btn{background:#6366f1;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s}.analytics-view .ai-summary .summary-content .summary-placeholder .generate-summary-btn:hover{background:#5856eb}.bubble-stream-view .stream-header{margin-bottom:2rem}.bubble-stream-view .stream-header .stream-title{color:#fff;font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.bubble-stream-view .stream-header .stream-subtitle{color:#9ca3af;font-size:1rem;margin:0}.manage-employee-teams-modal .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.manage-employee-teams-modal .modal-content{background:#1f2937;border-radius:.75rem;max-width:64rem;width:100%;max-height:90vh;overflow:hidden;border:1px solid #374151}.manage-employee-teams-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #374151}.manage-employee-teams-modal .modal-header .modal-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.manage-employee-teams-modal .modal-header .modal-subtitle{color:#9ca3af;margin-top:.25rem}.manage-employee-teams-modal .modal-header .close-button{color:#9ca3af;transition:color .2s;padding:.5rem}.manage-employee-teams-modal .modal-header .close-button:hover{color:#fff}.manage-employee-teams-modal .modal-body{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 120px)}.employee-teams-form{margin-bottom:2rem}.employee-teams-form .form-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.employee-teams-form .form-row{display:flex;gap:1rem}.employee-teams-form .form-row .form-input{flex:1}.employee-teams-form .form-row .form-input input{width:100%;padding:.75rem 1rem;background:#374151;border:1px solid #4b5563;border-radius:.5rem;color:#fff;font-size:1rem}.employee-teams-form .form-row .form-input input::-moz-placeholder{color:#9ca3af}.employee-teams-form .form-row .form-input input::placeholder{color:#9ca3af}.employee-teams-form .form-row .form-input input:focus{outline:none;border-color:#6366f1}.employee-teams-form .form-row .form-input input:disabled{opacity:.5;cursor:not-allowed}.employee-teams-form .form-row .form-submit{background:#6366f1;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s}.employee-teams-form .form-row .form-submit:hover:not(:disabled){background:#5856eb}.employee-teams-form .form-row .form-submit:disabled{opacity:.5;cursor:not-allowed}.employee-teams-list .list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.employee-teams-list .list-header .list-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0}.employee-teams-list .list-header .loading-indicator{display:flex;align-items:center;gap:.5rem;color:#9ca3af}.employee-teams-list .list-header .loading-indicator .spinner{width:1rem;height:1rem;border:2px solid #9ca3af;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.employee-teams-list .empty-state{text-align:center;padding:2rem 0;color:#9ca3af}.employee-teams-list .empty-state .empty-icon{width:3rem;height:3rem;margin:0 auto .75rem;opacity:.5}.employee-teams-list .empty-state p{margin:0 0 .25rem}.employee-teams-list .empty-state p:last-child{font-size:.875rem}.employee-teams-list .teams-grid{display:flex;flex-direction:column;gap:1rem}.employee-teams-list .team-card{background:#374151;border:1px solid #4b5563;border-radius:.5rem;padding:1rem}.employee-teams-list .team-card .team-content{display:flex;justify-content:space-between;align-items:center}.employee-teams-list .team-card .team-content .team-info{flex:1}.employee-teams-list .team-card .team-content .team-info .team-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.employee-teams-list .team-card .team-content .team-info .team-header .team-icon{width:1.25rem;height:1.25rem;color:#6366f1}.employee-teams-list .team-card .team-content .team-info .team-header .team-name{color:#fff;font-weight:600;margin:0}.employee-teams-list .team-card .team-content .team-info .team-code{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.employee-teams-list .team-card .team-content .team-info .team-code .code-label{color:#9ca3af;font-size:.875rem}.employee-teams-list .team-card .team-content .team-info .team-code .code-value{background:#111827;color:#10b981;padding:.25rem .5rem;border-radius:.25rem;font-family:Courier New,monospace;font-size:.875rem}.employee-teams-list .team-card .team-content .team-info .team-meta{color:#6b7280;font-size:.75rem;margin:0}.employee-teams-list .team-card .team-content .team-actions{display:flex;align-items:center;gap:.5rem}.employee-teams-list .team-card .team-content .team-actions .action-button{padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;border:none;display:flex;align-items:center;gap:.5rem;transition:background-color .2s}.employee-teams-list .team-card .team-content .team-actions .action-button.copy-button{background:#4b5563;color:#fff}.employee-teams-list .team-card .team-content .team-actions .action-button.copy-button:hover{background:#6b7280}.employee-teams-list .team-card .team-content .team-actions .action-button.delete-button{background:#dc2626;color:#fff}.employee-teams-list .team-card .team-content .team-actions .action-button.delete-button:hover{background:#b91c1c}.employee-teams-list .team-card .team-content .team-actions .action-button .action-icon{width:1rem;height:1rem}.instructions-card{margin-top:2rem;background:#1e3a8a;border:1px solid #3b82f6;border-radius:.5rem;padding:1rem}.instructions-card .instructions-title{color:#93c5fd;font-weight:600;margin:0 0 .5rem}.instructions-card .instructions-content{color:#bfdbfe;font-size:.875rem}.instructions-card .instructions-content p{margin:0 0 .25rem}.instructions-card .instructions-content p:last-child{margin-bottom:0}@media (max-width: 1024px){.dashboard-body{flex-direction:column}.dashboard-sidebar{width:100%;border-right:none;border-bottom:1px solid #374151}.analytics-grid,.bubble-stream-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-header .header-content{padding:0 1rem}.dashboard-header .header-content .header-center .dashboard-title{font-size:1rem}.dashboard-header .header-content .header-center .contextual-display{font-size:.75rem}.dashboard-header .header-content .header-right .user-info{display:none}.stream-controls{flex-direction:column;gap:1rem}.view-content{padding:1rem}}.animated-bubble-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;background:linear-gradient(135deg,#000,#1a1a2e,#16213e);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;overflow:hidden}.bubble-sphere{width:200px;height:200px;background:radial-gradient(circle at 30% 30%,#4a5568,#2d3748,#1a202c,#171923,#0f1419,#000);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 30px #a0aec066,0 0 60px #7180964d,0 0 90px #4a556833,inset 0 0 30px #ffffff1a;animation:bubble-flight 4s ease-out forwards}.bubble-sphere:before{content:"";position:absolute;background:radial-gradient(circle at 50% 120%,#ffffff4d,#fff0 70%);border-radius:50%;bottom:2.5%;left:5%;opacity:.8;height:100%;width:90%;filter:blur(5px);z-index:2}.bubble-sphere:after{content:"";width:100%;height:100%;position:absolute;top:5%;left:10%;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff3,#ffffffe6 14%,#fff0 24%);transform:translate(-40px) translateY(-45px) skew(-20deg);filter:blur(8px)}.bubble-content-display{position:relative;z-index:10;text-align:center;color:#fff;padding:1rem;max-width:160px}.bubble-content-display .bubble-icon{font-size:1.5rem;margin-bottom:.5rem;animation:float 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.bubble-content-display .bubble-text-display{font-size:.7rem;line-height:1.3;margin-bottom:.5rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 10px rgba(255,255,255,.3);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.bubble-content-display .bubble-mood-display{font-size:1.2rem;animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,255,255,.4))}.bubble-message{position:absolute;bottom:20%;left:50%;transform:translate(-50%);text-align:center;color:#fff;font-size:1.1rem;font-weight:500;opacity:0;animation:message-fade-in 1s ease-in-out 2s forwards;display:flex;flex-direction:column;align-items:center;gap:1rem}.bubble-message .follow-arrow{width:2rem;height:2rem;color:#a0aec0;animation:arrow-float 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(160,174,192,.6))}.bubble-message p{margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 15px rgba(255,255,255,.3);font-size:1rem;letter-spacing:.5px}@keyframes bubble-flight{0%{transform:scale(.1) translateY(50px);opacity:0}15%{transform:scale(1.2) translateY(0);opacity:1}30%{transform:scale(1) translateY(-20px);opacity:1}70%{transform:scale(1) translateY(-40px);opacity:1}85%{transform:scale(.8) translateY(-80px);opacity:.8}to{transform:scale(.4) translateY(-150px);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes arrow-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes message-fade-in{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.text-stream-view .stream-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.text-stream-view .stream-header .header-content{flex:1}.text-stream-view .stream-header .header-content .stream-title{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-stream-view .stream-header .header-content .stream-subtitle{color:#9ca3af;font-size:1.125rem;margin:0}.text-stream-view .stream-header .stream-controls{display:flex;gap:1.5rem;align-items:center}.text-stream-view .stream-header .stream-controls .control-group{display:flex;align-items:center;gap:.75rem}.text-stream-view .stream-header .stream-controls .control-group .control-label{display:flex;align-items:center;gap:.5rem;color:#e5e7eb;font-size:.875rem;font-weight:500;white-space:nowrap}.text-stream-view .stream-header .stream-controls .control-group .control-label .control-icon{width:1rem;height:1rem}.text-stream-view .stream-header .stream-controls .control-group .control-select{background:#374151;border:1px solid #4b5563;border-radius:.5rem;color:#fff;padding:.5rem .75rem;font-size:.875rem;cursor:pointer;min-width:150px}.text-stream-view .stream-header .stream-controls .control-group .control-select:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 2px #a855f733}.text-stream-view .bubble-feed .empty-state{text-align:center;padding:4rem 2rem;color:#9ca3af}.text-stream-view .bubble-feed .empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.text-stream-view .bubble-feed .empty-state h3{color:#e5e7eb;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.text-stream-view .bubble-feed .empty-state p{font-size:1rem;margin:0}.text-stream-view .bubble-feed .bubble-cards{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 768px){.text-stream-view .stream-header,.text-stream-view .stream-header .stream-controls{flex-direction:column;align-items:stretch;gap:1rem}.text-stream-view .stream-header .stream-controls .control-group{flex-direction:column;align-items:stretch;gap:.5rem}.text-stream-view .stream-header .stream-controls .control-group .control-select{min-width:auto}}.bubble-card{background:#1f2937;border:2px solid #374151;border-radius:1rem;padding:1rem;transition:all .3s ease;position:relative;overflow:hidden}.bubble-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000004d}.bubble-card.positive{border-color:#22c55e4d;background:linear-gradient(135deg,#1f2937,#22c55e0d)}.bubble-card.positive:hover{border-color:#22c55e;box-shadow:0 10px 25px #22c55e33}.bubble-card.negative{border-color:#ef44444d;background:linear-gradient(135deg,#1f2937,#ef44440d)}.bubble-card.negative:hover{border-color:#ef4444;box-shadow:0 10px 25px #ef444433}.bubble-card.neutral{border-color:#9ca3af4d;background:linear-gradient(135deg,#1f2937,#9ca3af0d)}.bubble-card.neutral:hover{border-color:#9ca3af;box-shadow:0 10px 25px #9ca3af33}.bubble-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.bubble-card .card-header .topic-info{display:flex;align-items:center;gap:.5rem}.bubble-card .card-header .topic-info .topic-icon{font-size:1.25rem}.bubble-card .card-header .topic-info .topic-name{color:#e5e7eb;font-weight:500;font-size:.875rem}.bubble-card .card-header .mood-info .mood-emoji{font-size:1.5rem}.bubble-card .card-content{margin-bottom:.75rem}.bubble-card .card-content .bubble-text{color:#f9fafb;font-size:1rem;line-height:1.6;margin:0}.bubble-card .card-footer{display:flex;justify-content:space-between;align-items:center}.bubble-card .card-footer .timestamp{display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.875rem}.bubble-card .card-footer .timestamp .timestamp-icon{width:1rem;height:1rem}.bubble-card .card-footer .engagement .spark-button{display:flex;align-items:center;gap:.5rem;background:#374151;border:1px solid #4b5563;color:#e5e7eb;padding:.5rem .75rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.bubble-card .card-footer .engagement .spark-button:hover:not(:disabled){background:#4b5563;border-color:#6b7280;transform:translateY(-1px)}.bubble-card .card-footer .engagement .spark-button:disabled{opacity:.5;cursor:not-allowed}.bubble-card .card-footer .engagement .spark-button.supported{background:#7c3aed;border-color:#8b5cf6;color:#fff}.bubble-card .card-footer .engagement .spark-button .spark-icon{width:1rem;height:1rem}.bubble-card .card-footer .engagement .spark-button .spark-count{font-weight:600}@media (max-width: 768px){.bubble-card{padding:1rem}.bubble-card .card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.bubble-card .card-footer{flex-direction:column;align-items:flex-start;gap:1rem}}.bubble-stream-page .stream-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.bubble-stream-page .stream-header .header-content{flex:1}.bubble-stream-page .stream-header .header-content .stream-title{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bubble-stream-page .stream-header .header-content .stream-subtitle{color:#9ca3af;font-size:1.125rem;margin:0}.bubble-stream-page .stream-header .stream-controls{display:flex;gap:1.5rem;align-items:center}.bubble-stream-page .stream-header .stream-controls .control-group{display:flex;align-items:center;gap:.75rem}.bubble-stream-page .stream-header .stream-controls .control-group .control-label{display:flex;align-items:center;gap:.5rem;color:#e5e7eb;font-size:.875rem;font-weight:500;white-space:nowrap}.bubble-stream-page .stream-header .stream-controls .control-group .control-label .control-icon{width:1rem;height:1rem}.bubble-stream-page .stream-header .stream-controls .control-group .control-select{background:#374151;border:1px solid #4b5563;border-radius:.5rem;color:#fff;padding:.5rem .75rem;font-size:.875rem;cursor:pointer;min-width:150px}.bubble-stream-page .stream-header .stream-controls .control-group .control-select:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 2px #a855f733}@media (max-width: 768px){.bubble-stream-page .stream-header,.bubble-stream-page .stream-header .stream-controls{flex-direction:column;align-items:stretch;gap:1rem}.bubble-stream-page .stream-header .stream-controls .control-group{flex-direction:column;align-items:stretch;gap:.5rem}.bubble-stream-page .stream-header .stream-controls .control-group .control-select{min-width:auto}}@layer tokens{:root{--color-primary: rgba(220, 219, 219, .78);--color-surface: #242425;--time: 29s;--bubble-primary: #6366f1;--bubble-secondary: #8b5cf6;--text-light: #f8fafc;--text-muted: #94a3b8}}@property --shadow-color{syntax: "<color>"; initial-value: transparent; inherits: true;}@layer stars{.stars{position:absolute;width:100vmax;height:100vmax}.stars:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;filter:url(#stars) saturate(0) brightness(1.5);mix-blend-mode:overlay;opacity:.15;animation:stars-animation 20s ease-in-out infinite}.stars-highlights{position:absolute;width:100vw;height:100vh;opacity:.6}.stars-highlights:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;filter:url(#stars-highlights) saturate(0) brightness(1.5);mix-blend-mode:lighten;opacity:.2;animation:stars-animation-2 20s ease-in-out infinite}@keyframes stars-animation{0%{translate:1vmin 2vmin;rotate:0deg}30%{translate:1vmin -2vmin}50%{translate:-1vmin 2vmin;rotate:10deg}to{translate:1vmin 2vmin;rotate:0deg}}@keyframes stars-animation-2{0%{translate:1vmin -2vmin}30%{translate:-1vmin -2vmin}50%{translate:1vmin -2vmin}to{translate:1vmin -2vmin}}.startails{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.6}.startails>div{--distance: 20vmax;border-radius:50%;width:.55vmax;aspect-ratio:3/1;background:#fff;translate:calc(var(--x) * 100vw) calc(var(--y) * 100vh);opacity:0;animation:startails-animation 10s calc(var(--delay) * var(--time) * 6) linear infinite;box-shadow:0 0 .2vmax #fff}.startails>div:nth-of-type(1){--x: .8153006238;--y: .7848586555;--x2: .3543874933;--y2: .1601534759;--delay: .8052760048}.startails>div:nth-of-type(2){--x: .6198653058;--y: .3867956185;--x2: .4629799937;--y2: .0503673955;--delay: .328687451}.startails>div:nth-of-type(3){--x: .3794133896;--y: .4243347754;--x2: .04489297;--y2: .4747194193;--delay: .9822817489}.startails>div:nth-of-type(4){--x: .4370800853;--y: .920223159;--x2: .4514391981;--y2: -.1604370703;--delay: .3709435442}.startails>div:nth-of-type(5){--x: .0758574653;--y: .7084178997;--x2: .1380128886;--y2: -.3466682204;--delay: .4531429932}.startails>div:nth-of-type(6){--x: .3423239383;--y: .7610594634;--x2: -.1791975762;--y2: -.4030054174;--delay: .4415680449}.startails>div:nth-of-type(7){--x: .0860070742;--y: .5586585439;--x2: -.0629859013;--y2: .471680414;--delay: .7526284864}.startails>div:nth-of-type(8){--x: .9292858772;--y: .02308234;--x2: -.3773077766;--y2: .0389821024;--delay: .3620854365}.startails>div:nth-of-type(9){--x: .1347218432;--y: .2529283003;--x2: -.4935744538;--y2: .345486474;--delay: .2884400562}.startails>div:nth-of-type(10){--x: .9350237279;--y: .2059867994;--x2: .4891706886;--y2: -.2744138314;--delay: .1592007783}.startails>div:nth-of-type(11){--x: .8357296035;--y: .1186800176;--x2: -.314370526;--y2: .3040165496;--delay: .8904366234}.startails>div:nth-of-type(12){--x: .7901625025;--y: .4739206351;--x2: -.3374851223;--y2: .0036966578;--delay: .879976783}.startails>div:nth-of-type(13){--x: .5093572702;--y: .3613337523;--x2: .0133750874;--y2: .3774526414;--delay: .2652330548}.startails>div:nth-of-type(14){--x: .903176295;--y: .5476078634;--x2: .1025030544;--y2: .2869868127;--delay: .7918619635}.startails>div:nth-of-type(15){--x: .1778360265;--y: .5010184514;--x2: .4217284053;--y2: -.4666838184;--delay: .7513894006}.startails>div:nth-of-type(16){--x: .2649295759;--y: .2481549425;--x2: .4157165988;--y2: -.4933101142;--delay: .2957304271}.startails>div:nth-of-type(17){--x: .2130833984;--y: .8785759624;--x2: .4151044172;--y2: -.4779328038;--delay: .9058580436}.startails>div:nth-of-type(18){--x: .8884415179;--y: .648341977;--x2: .2833699649;--y2: .3355216647;--delay: .6498679794}.startails>div:nth-of-type(19){--x: .7881801412;--y: .22537592;--x2: .3111027776;--y2: -.1086487089;--delay: .7021755093}.startails>div:nth-of-type(20){--x: .482927906;--y: .9703882315;--x2: -.0346393637;--y2: -.3269643024;--delay: .8816089595}.startails>div:nth-of-type(21){--x: .0256613669;--y: .8843613821;--x2: -.0323112517;--y2: .2797055628;--delay: .7042176744}.startails>div:nth-of-type(22){--x: .1716344725;--y: .3317157591;--x2: -.4292109697;--y2: .1031029059;--delay: .8809451358}.startails>div:nth-of-type(23){--x: .7782976993;--y: .1835708946;--x2: .0405892598;--y2: .0782706964;--delay: .5463675958}.startails>div:nth-of-type(24){--x: .0917269381;--y: .6639750443;--x2: -.1945027184;--y2: .4586368886;--delay: .8291850607}.startails>div:nth-of-type(25){--x: .4169548871;--y: .5267856223;--x2: .2574824307;--y2: -.4546082855;--delay: .3042873775}.startails>div:nth-of-type(26){--x: .9948345796;--y: .2848361406;--x2: -.0941617705;--y2: .0329701488;--delay: .8179066474}.startails>div:nth-of-type(27){--x: .9464108613;--y: .4498802911;--x2: -.294011985;--y2: -.3879001908;--delay: .4485364383}.startails>div:nth-of-type(28){--x: .4167618649;--y: .9603741511;--x2: -.4050170746;--y2: .4294309618;--delay: .0486215324}.startails>div:nth-of-type(29){--x: .6165969028;--y: .002301327;--x2: -.079328422;--y2: .0132753738;--delay: .8995356628}.startails>div:nth-of-type(30){--x: .6661778743;--y: .3882700877;--x2: .1198571135;--y2: .3245105962;--delay: .339523805}.startails>div:nth-of-type(31){--x: .7050771498;--y: .9715706871;--x2: .0269653546;--y2: -.4816591167;--delay: .0809465157}.startails>div:nth-of-type(32){--x: .1562549015;--y: .3911384365;--x2: -.1225148232;--y2: .4525028427;--delay: .900032694}.startails>div:nth-of-type(33){--x: .8963436186;--y: .8357815019;--x2: -.084734636;--y2: -.2447835212;--delay: .2084015749}.startails>div:nth-of-type(34){--x: .7694631581;--y: .6189707768;--x2: -.1204122027;--y2: .3723715693;--delay: .6497091167}.startails>div:nth-of-type(35){--x: .5722226445;--y: .7664046898;--x2: -.3436025985;--y2: -.2381986756;--delay: .2117966848}.startails>div:nth-of-type(36){--x: .1113176993;--y: .7642864661;--x2: .4529715982;--y2: -.1016060907;--delay: .8394623105}.startails>div:nth-of-type(37){--x: .5661531074;--y: .3021643567;--x2: -.4839723289;--y2: -.3327859177;--delay: .1973267926}.startails>div:nth-of-type(38){--x: .8945444511;--y: .6326457468;--x2: .1267557016;--y2: .2699429712;--delay: .1572559239}.startails>div:nth-of-type(39){--x: .8502233202;--y: .5013203512;--x2: -.1814054211;--y2: .0101533324;--delay: .0478983965}.startails>div:nth-of-type(40){--x: .34243951;--y: .7746348244;--x2: -.3294493285;--y2: .416905645;--delay: .5575875415}.startails>div:nth-of-type(41){--x: .5629827949;--y: .201604677;--x2: -.4642190138;--y2: -.2210970531;--delay: .1650673617}.startails>div:nth-of-type(42){--x: .7767408412;--y: .363684561;--x2: .1931745013;--y2: -.0775838493;--delay: .5862558239}.startails>div:nth-of-type(43){--x: .6803282158;--y: .083694564;--x2: -.161041626;--y2: .0833281088;--delay: .8915004915}.startails>div:nth-of-type(44){--x: .0891132441;--y: .177076638;--x2: .003551332;--y2: .2892938143;--delay: .2829155934}.startails>div:nth-of-type(45){--x: .5897845588;--y: .8348643932;--x2: -.4968768044;--y2: .4234768418;--delay: .3498299965}.startails>div:nth-of-type(46){--x: .1806594524;--y: .5556016641;--x2: .2271560552;--y2: .3771974838;--delay: .3564498434}.startails>div:nth-of-type(47){--x: .3106041927;--y: .1652461431;--x2: -.0062968602;--y2: .3264632857;--delay: .4825213954}.startails>div:nth-of-type(48){--x: .2217560882;--y: .4488937874;--x2: .422438222;--y2: -.272708816;--delay: .9391719282}.startails>div:nth-of-type(49){--x: .0605833894;--y: .0058571873;--x2: -.4358749247;--y2: .3257976484;--delay: .3166946853}.startails>div:nth-of-type(50){--x: .1515604739;--y: .7644801086;--x2: .1860715499;--y2: .2497564349;--delay: .39233833}.startails>div:nth-of-type(51){--x: .1266634859;--y: .6992121615;--x2: .478735853;--y2: .2900286328;--delay: .3124863502}.startails>div:nth-of-type(52){--x: .5535017073;--y: .570261022;--x2: -.2420004167;--y2: .3563448232;--delay: .1924713442}.startails>div:nth-of-type(53){--x: .2110556697;--y: .4029444973;--x2: -.0967402206;--y2: -.3644443589;--delay: .747333405}.startails>div:nth-of-type(54){--x: .7018668184;--y: .4746500414;--x2: .0800984347;--y2: .017881681;--delay: .6049562147}.startails>div:nth-of-type(55){--x: .2019446108;--y: .3004601872;--x2: -.2865854157;--y2: -.4033890502;--delay: .9855136659}.startails>div:nth-of-type(56){--x: .3001010978;--y: .8316146784;--x2: .3649821604;--y2: .1169253087;--delay: .5392584552}.startails>div:nth-of-type(57){--x: .3029280486;--y: .1539773282;--x2: .3662216776;--y2: .0196802018;--delay: .602509351}.startails>div:nth-of-type(58){--x: .9494120868;--y: .4274197527;--x2: -.2543917147;--y2: .0375512662;--delay: .0019758604}.startails>div:nth-of-type(59){--x: .5929383238;--y: .8465294206;--x2: -.4388131793;--y2: .0800495461;--delay: .1705327856}.startails>div:nth-of-type(60){--x: .7582407908;--y: .3791538015;--x2: .180123216;--y2: -.3558193539;--delay: .4966185046}.startails>div:nth-of-type(61){--x: .3890767794;--y: .1220503803;--x2: -.2103078111;--y2: -.0176296018;--delay: .0878098193}.startails>div:nth-of-type(62){--x: .3740790313;--y: .3160194249;--x2: .0898317815;--y2: .0584239107;--delay: .9488183162}.startails>div:nth-of-type(63){--x: .4142195253;--y: .8461108521;--x2: -.3932295247;--y2: .3866907513;--delay: .4341618524}.startails>div:nth-of-type(64){--x: .3282357663;--y: .272977223;--x2: -.2908739874;--y2: -.3313736491;--delay: .9169349615}.startails>div:nth-of-type(65){--x: .3371995432;--y: .1060058343;--x2: -.4100182827;--y2: .1316045139;--delay: .9375186296}.startails>div:nth-of-type(66){--x: .5778692278;--y: .3049926314;--x2: .0378742552;--y2: .2410179492;--delay: .0294085981}.startails>div:nth-of-type(67){--x: .3178777796;--y: .9716525675;--x2: .3096702577;--y2: .2668405714;--delay: .2824614361}.startails>div:nth-of-type(68){--x: .6332854245;--y: .0410173919;--x2: .0121244395;--y2: -.2178265147;--delay: .6702208969}.startails>div:nth-of-type(69){--x: .2769305167;--y: .6080434089;--x2: .3368039185;--y2: .3359286303;--delay: .9420583187}.startails>div:nth-of-type(70){--x: .3649344521;--y: .7215252725;--x2: .0490192665;--y2: .2167584315;--delay: .2804873568}.startails>div:nth-of-type(71){--x: .5274733069;--y: .8235430188;--x2: .1918099992;--y2: .218466023;--delay: .7546606994}.startails>div:nth-of-type(72){--x: .373269893;--y: .8764924743;--x2: .4477688434;--y2: .1758788525;--delay: .6186459968}.startails>div:nth-of-type(73){--x: .9084465118;--y: .4249455524;--x2: .3602314407;--y2: -.2822107639;--delay: .708249017}.startails>div:nth-of-type(74){--x: .4383742655;--y: .3965357197;--x2: -.4589729164;--y2: .1874059145;--delay: .8093121547}.startails>div:nth-of-type(75){--x: .0706821585;--y: .717426434;--x2: .3852167461;--y2: .4107955859;--delay: .4685872872}.startails>div:nth-of-type(76){--x: .4766873735;--y: .7091027987;--x2: .4716046114;--y2: .3793518153;--delay: .902868747}.startails>div:nth-of-type(77){--x: .71486561;--y: .8102884004;--x2: -.4437373327;--y2: -.0990359002;--delay: .1342196812}.startails>div:nth-of-type(78){--x: .334236155;--y: .2121197039;--x2: .3287176751;--y2: .4676940543;--delay: .2362548261}.startails>div:nth-of-type(79){--x: .8511461645;--y: .890693954;--x2: -.3848801699;--y2: -.2943803305;--delay: .3574199018}.startails>div:nth-of-type(80){--x: .6361048269;--y: .8331266504;--x2: -.4756165214;--y2: .2133613107;--delay: .7822188701}.startails>div:nth-of-type(81){--x: .9471278976;--y: .7112539262;--x2: .0233697601;--y2: .2637724804;--delay: .5029968949}.startails>div:nth-of-type(82){--x: .8206835155;--y: .8647901077;--x2: .2748819334;--y2: -.2267783439;--delay: .4843285048}.startails>div:nth-of-type(83){--x: .6889294274;--y: .1457523972;--x2: .138487722;--y2: .3242170014;--delay: .8306009347}.startails>div:nth-of-type(84){--x: .5850870701;--y: .345833182;--x2: .3865977748;--y2: -.3246807351;--delay: .7890919861}.startails>div:nth-of-type(85){--x: .1954145672;--y: .7292962892;--x2: -.0294462513;--y2: -.0527187957;--delay: .4330556859}.startails>div:nth-of-type(86){--x: .3142929723;--y: .8525386148;--x2: .0025680116;--y2: -.0748362289;--delay: .4433701774}.startails>div:nth-of-type(87){--x: .8750775603;--y: .261889155;--x2: .3358516055;--y2: .198442476;--delay: .4257165249}.startails>div:nth-of-type(88){--x: .1759403951;--y: .1244252612;--x2: .4470909539;--y2: .1631838402;--delay: .3476191775}.startails>div:nth-of-type(89){--x: .6486360423;--y: .4125052992;--x2: -.3034834872;--y2: -.3970954113;--delay: .6616149551}.startails>div:nth-of-type(90){--x: .5146974136;--y: .2458580817;--x2: -.4558887824;--y2: .2687233619;--delay: .3268084061}.startails>div:nth-of-type(91){--x: .4081119244;--y: .6584051823;--x2: .4540163524;--y2: -.3761225627;--delay: .9443332079}.startails>div:nth-of-type(92){--x: .0496877675;--y: .5286026997;--x2: .144154809;--y2: -.4839690739;--delay: .8865174363}.startails>div:nth-of-type(93){--x: .8302258294;--y: .4857330423;--x2: .2918016177;--y2: -.2280324756;--delay: .5619578366}.startails>div:nth-of-type(94){--x: .693687141;--y: .9148843121;--x2: .3129518683;--y2: -.4273574163;--delay: .2869740184}.startails>div:nth-of-type(95){--x: .0170793225;--y: .82100039;--x2: .3644120745;--y2: .3344993418;--delay: .2867501087}.startails>div:nth-of-type(96){--x: .9971727708;--y: .1212632367;--x2: -.3441063428;--y2: -.057957138;--delay: .9382741037}.startails>div:nth-of-type(97){--x: .3664142794;--y: .3677318114;--x2: -.4929386367;--y2: .0411306421;--delay: .0495989956}.startails>div:nth-of-type(98){--x: .5342171424;--y: .7169311829;--x2: -.0032121835;--y2: .2449408127;--delay: .8250731317}.startails>div:nth-of-type(99){--x: .4164278063;--y: .7095287943;--x2: -.4474083398;--y2: -.2952300847;--delay: .9990691873}.startails>div:nth-of-type(100){--x: .3963316213;--y: .1184244914;--x2: .2030791979;--y2: .1647869384;--delay: .5121172195}.startails>div:nth-of-type(101){--x: .2398409912;--y: .4661971901;--x2: -.3826574887;--y2: .4732447343;--delay: .7197595087}.startails>div:nth-of-type(102){--x: .5306417034;--y: .6733187668;--x2: -.3770211688;--y2: .0586022419;--delay: .7083319599}.startails>div:nth-of-type(103){--x: .8719701109;--y: .5693585354;--x2: -.0366898513;--y2: -.230175658;--delay: .5811655108}.startails>div:nth-of-type(104){--x: .7262320952;--y: .0748399994;--x2: .3126451349;--y2: -.0748421326;--delay: .3208982865}.startails>div:nth-of-type(105){--x: .361694805;--y: .7184370793;--x2: -.4600786114;--y2: .2372294671;--delay: .3019824008}.startails>div:nth-of-type(106){--x: .0768415834;--y: .5951027663;--x2: .1405334659;--y2: -.0874508236;--delay: .055354329}.startails>div:nth-of-type(107){--x: .280562352;--y: .4377831397;--x2: -.1149527629;--y2: .1967244897;--delay: .9120345384}.startails>div:nth-of-type(108){--x: .4421541712;--y: .0617677446;--x2: -.4904351846;--y2: .166698772;--delay: .1320244712}.startails>div:nth-of-type(109){--x: .6831440879;--y: .0867072386;--x2: .2170934748;--y2: -.0163769897;--delay: .3223675037}.startails>div:nth-of-type(110){--x: .6797502302;--y: .4434962754;--x2: -.3556169293;--y2: .2208917057;--delay: .6194168343}.startails>div:nth-of-type(111){--x: .4202429203;--y: .4811242193;--x2: -.1787997174;--y2: .2773482716;--delay: .9489940888}.startails>div:nth-of-type(112){--x: .6563622351;--y: .6567076406;--x2: .2213047411;--y2: .2149619645;--delay: .6149596659}.startails>div:nth-of-type(113){--x: .7528404206;--y: .3000765686;--x2: .0136210989;--y2: -.4967421519;--delay: .1879586818}.startails>div:nth-of-type(114){--x: .666236294;--y: .4216701849;--x2: .3100665873;--y2: .4710181188;--delay: .8979047323}.startails>div:nth-of-type(115){--x: .543539282;--y: .9177902063;--x2: -.1704761733;--y2: .4578174705;--delay: .1366403716}.startails>div:nth-of-type(116){--x: .6886686207;--y: .0281446586;--x2: .0904939325;--y2: -.4582256551;--delay: .7781838601}.startails>div:nth-of-type(117){--x: .4462795163;--y: .288686009;--x2: .0710842209;--y2: .179337199;--delay: .042474533}.startails>div:nth-of-type(118){--x: .8347485985;--y: .5520147831;--x2: .4642042733;--y2: -.0282362684;--delay: .2432818042}.startails>div:nth-of-type(119){--x: .7795531962;--y: .3430052013;--x2: .4096463288;--y2: -.1289791009;--delay: .7949828495}.startails>div:nth-of-type(120){--x: .0299373677;--y: .4632061485;--x2: .488595551;--y2: -.3037636607;--delay: .1335806759}.startails>div:nth-of-type(121){--x: .4529138691;--y: .6322767442;--x2: -.0932098486;--y2: .4133398683;--delay: .7515887328}.startails>div:nth-of-type(122){--x: .4052011718;--y: .8276393078;--x2: -.0226516955;--y2: -.0113125049;--delay: .5828102315}.startails>div:nth-of-type(123){--x: .1333916938;--y: .8182381407;--x2: -.0205872609;--y2: .3843927726;--delay: .4465881486}.startails>div:nth-of-type(124){--x: .8835833677;--y: .5440856846;--x2: -.2866110355;--y2: .0147874645;--delay: .1709887528}.startails>div:nth-of-type(125){--x: .9053981183;--y: .9873622943;--x2: -.2105152229;--y2: .1921182908;--delay: .1917533624}.startails>div:nth-of-type(126){--x: .0498976122;--y: .5591223661;--x2: .1264233756;--y2: .2154124493;--delay: .8118374165}.startails>div:nth-of-type(127){--x: .6833446947;--y: .9904932689;--x2: -.0630615667;--y2: -.426575124;--delay: .6151010843}.startails>div:nth-of-type(128){--x: .0882675208;--y: .0170959741;--x2: -.2689137264;--y2: .1275199204;--delay: .531129135}.startails>div:nth-of-type(129){--x: .2688258174;--y: .4914068443;--x2: -.1264061449;--y2: -.0859685784;--delay: .9791745902}.startails>div:nth-of-type(130){--x: .1281319769;--y: .9681808934;--x2: .4708303679;--y2: -.4894979447;--delay: .2577752749}.startails>div:nth-of-type(131){--x: .5152182848;--y: .1347602126;--x2: .127234221;--y2: .4851356143;--delay: .2355587934}.startails>div:nth-of-type(132){--x: .5336868667;--y: .1386229466;--x2: -.1923508769;--y2: -.227736216;--delay: .4718044343}.startails>div:nth-of-type(133){--x: .9687143287;--y: .4362701799;--x2: -.0224154135;--y2: -.0612645868;--delay: .9316030612}.startails>div:nth-of-type(134){--x: .3437426775;--y: .7670236871;--x2: -.4810693751;--y2: .3280376287;--delay: .0171742231}.startails>div:nth-of-type(135){--x: .78446798;--y: .471580544;--x2: -.2720231366;--y2: -.492822139;--delay: .7973886689}.startails>div:nth-of-type(136){--x: .0808370412;--y: .1366441419;--x2: .005122866;--y2: .4784090937;--delay: .4683121503}.startails>div:nth-of-type(137){--x: .3541891251;--y: .7791710435;--x2: -.3565496535;--y2: -.2096156284;--delay: .7683415014}.startails>div:nth-of-type(138){--x: .1956703396;--y: .8465519251;--x2: -.2994966684;--y2: .3710714826;--delay: .0324395773}.startails>div:nth-of-type(139){--x: .0385115266;--y: .7148639255;--x2: .342176248;--y2: -.1309671195;--delay: .2045150959}.startails>div:nth-of-type(140){--x: .5719575984;--y: .5309405118;--x2: -.0508623833;--y2: .4536323553;--delay: .9362451329}.startails>div:nth-of-type(141){--x: .373519065;--y: .7883992873;--x2: .2196477868;--y2: -.42304249;--delay: .2649419198}.startails>div:nth-of-type(142){--x: .2515150976;--y: .1304800165;--x2: .294339617;--y2: -.4925046061;--delay: .6590145091}.startails>div:nth-of-type(143){--x: .8853709162;--y: .6673322553;--x2: -.309197012;--y2: .4262275058;--delay: .949070714}.startails>div:nth-of-type(144){--x: .7377720274;--y: .8584919825;--x2: -.2482944543;--y2: .3082033793;--delay: .7051004442}.startails>div:nth-of-type(145){--x: .3858105565;--y: .9682993133;--x2: .4940450692;--y2: .0328672537;--delay: .1117126246}.startails>div:nth-of-type(146){--x: .3218766817;--y: .0739562327;--x2: .1835971994;--y2: -.0349766263;--delay: .2206233593}.startails>div:nth-of-type(147){--x: .5437950356;--y: .9543732827;--x2: .1293568455;--y2: -.0594975774;--delay: .2248729357}.startails>div:nth-of-type(148){--x: .3990779291;--y: .7982671717;--x2: .2760671884;--y2: -.1477747779;--delay: .6153635898}.startails>div:nth-of-type(149){--x: .3107031325;--y: .1965343632;--x2: -.3196529951;--y2: .4932135205;--delay: .9970302802}.startails>div:nth-of-type(150){--x: .7633696406;--y: .8751599829;--x2: -.065532768;--y2: .2454143995;--delay: .7714818812}.startails>div:nth-of-type(151){--x: .3537263938;--y: .0874229488;--x2: -.4991701483;--y2: -.4477120511;--delay: .537682476}.startails>div:nth-of-type(152){--x: .3487244586;--y: .9322560708;--x2: .2026556749;--y2: -.4167536162;--delay: .0480060181}.startails>div:nth-of-type(153){--x: .4887971314;--y: .4895150401;--x2: .4682623109;--y2: .0133220003;--delay: .674259048}.startails>div:nth-of-type(154){--x: .5737597747;--y: .2398563559;--x2: -.2020145786;--y2: .2087684592;--delay: .4428821245}.startails>div:nth-of-type(155){--x: .5182584322;--y: .2645143859;--x2: .4974998498;--y2: .3040777972;--delay: .3279141642}.startails>div:nth-of-type(156){--x: .190304101;--y: .8026284007;--x2: .2967973008;--y2: -.4946895801;--delay: .4928165323}.startails>div:nth-of-type(157){--x: .2713733275;--y: .5480718199;--x2: -.045057447;--y2: .3767035121;--delay: .5718324215}.startails>div:nth-of-type(158){--x: .1009760401;--y: .5241076387;--x2: -.0334911455;--y2: -.2280006758;--delay: .7118971967}.startails>div:nth-of-type(159){--x: .3715357822;--y: .5057349555;--x2: .34761751;--y2: .4894814066;--delay: .6110365064}.startails>div:nth-of-type(160){--x: .5855134393;--y: .0409433656;--x2: .1739483118;--y2: -.1062692691;--delay: .1456439407}.startails>div:nth-of-type(161){--x: .2169670465;--y: .6839520683;--x2: .1447518159;--y2: .1673773084;--delay: .3129694908}.startails>div:nth-of-type(162){--x: .6400185107;--y: .0964243816;--x2: .4974367936;--y2: .4276688148;--delay: .1263385054}.startails>div:nth-of-type(163){--x: .8573423082;--y: .3054202872;--x2: .2465326983;--y2: .3846480936;--delay: .3954032922}.startails>div:nth-of-type(164){--x: .0051567831;--y: .0419456876;--x2: .3042502133;--y2: .0201266121;--delay: .6086666375}.startails>div:nth-of-type(165){--x: .8762928391;--y: .2400501995;--x2: .0024253566;--y2: -.3186675815;--delay: .0326946558}.startails>div:nth-of-type(166){--x: .6392227344;--y: .8034047311;--x2: .1816078129;--y2: .4391678068;--delay: .1554930778}.startails>div:nth-of-type(167){--x: .7694878455;--y: .7917448388;--x2: .3668833765;--y2: .2426714494;--delay: .9854729919}.startails>div:nth-of-type(168){--x: .1304788417;--y: .0257049826;--x2: .2899268781;--y2: -.394921203;--delay: .8557661827}.startails>div:nth-of-type(169){--x: .5816909783;--y: .331634127;--x2: -.4984665213;--y2: .2908610846;--delay: .2404895981}.startails>div:nth-of-type(170){--x: .2908508425;--y: .8266505613;--x2: .3764671653;--y2: .3992080492;--delay: .249269393}.startails>div:nth-of-type(171){--x: .8154375222;--y: .1125625471;--x2: .1047974037;--y2: -.1548464455;--delay: .7180238317}.startails>div:nth-of-type(172){--x: .0211676189;--y: .547380799;--x2: .1140872336;--y2: -.3847373665;--delay: .3405611327}.startails>div:nth-of-type(173){--x: .43974551;--y: .8185640154;--x2: -.0574890597;--y2: -.4572790069;--delay: .0672798653}.startails>div:nth-of-type(174){--x: .5858157353;--y: .1880810665;--x2: .4920391255;--y2: -.4882711401;--delay: .7812123564}.startails>div:nth-of-type(175){--x: .0512256289;--y: .369029977;--x2: -.1738091703;--y2: -.2101422214;--delay: .2592516373}.startails>div:nth-of-type(176){--x: .4402627972;--y: .7438336556;--x2: .2199886397;--y2: -.3399978658;--delay: .5483564272}.startails>div:nth-of-type(177){--x: .7281448611;--y: .7685994197;--x2: .2004972463;--y2: .2232705125;--delay: .4702181155}.startails>div:nth-of-type(178){--x: .6193931035;--y: .6479816756;--x2: -.3783504794;--y2: .1952832989;--delay: .2142937891}.startails>div:nth-of-type(179){--x: .2068780678;--y: .4577596275;--x2: -.0670803566;--y2: .0938408989;--delay: .2481542571}.startails>div:nth-of-type(180){--x: .6477332376;--y: .0084493581;--x2: -.4600594427;--y2: -.4886928746;--delay: .1356034476}.startails>div:nth-of-type(181){--x: .7282714235;--y: .8457899687;--x2: .0256991258;--y2: .0423192777;--delay: .2117941652}.startails>div:nth-of-type(182){--x: .9597241773;--y: .3954778592;--x2: .2212662884;--y2: .1297083482;--delay: .8361087812}.startails>div:nth-of-type(183){--x: .1053818418;--y: .8855689084;--x2: .237324389;--y2: -.4238897203;--delay: .2823037989}.startails>div:nth-of-type(184){--x: .2306743896;--y: .9218536434;--x2: -.1264738369;--y2: -.0073218596;--delay: .8027825263}.startails>div:nth-of-type(185){--x: .2250257646;--y: .376099051;--x2: .2756485538;--y2: -.2477588773;--delay: .9260713361}.startails>div:nth-of-type(186){--x: .69615507;--y: .9082482513;--x2: .2865595314;--y2: .2046770555;--delay: .2167526829}.startails>div:nth-of-type(187){--x: .8133885833;--y: .5051235505;--x2: -.4338204556;--y2: .3322861514;--delay: .5388522502}.startails>div:nth-of-type(188){--x: .2710199919;--y: .26136204;--x2: .3012366046;--y2: .3146930186;--delay: .5532044843}.startails>div:nth-of-type(189){--x: .2317418717;--y: .4654114131;--x2: -.0000827072;--y2: .1436298695;--delay: .3429190577}.startails>div:nth-of-type(190){--x: .8161517648;--y: .8044037239;--x2: .0480170926;--y2: .403684217;--delay: .6665438124}.startails>div:nth-of-type(191){--x: .8001280562;--y: .3928224236;--x2: .0039009045;--y2: .3408576488;--delay: .6485426359}.startails>div:nth-of-type(192){--x: .515727541;--y: .527871714;--x2: .4362341075;--y2: .0058303969;--delay: .0897312724}.startails>div:nth-of-type(193){--x: .5181047393;--y: .6600959749;--x2: -.385736085;--y2: .005857373;--delay: .2118044691}.startails>div:nth-of-type(194){--x: .3123903766;--y: .2288274117;--x2: .4592807116;--y2: -.2931878076;--delay: .2515901928}.startails>div:nth-of-type(195){--x: .7290074972;--y: .8617931954;--x2: -.3461380893;--y2: -.153062506;--delay: .6157864193}.startails>div:nth-of-type(196){--x: .1501789144;--y: .4564941177;--x2: -.1386667424;--y2: .3770992499;--delay: .0199973253}.startails>div:nth-of-type(197){--x: .2558828547;--y: .1396094802;--x2: -.0993863322;--y2: -.3253974423;--delay: .1053320546}.startails>div:nth-of-type(198){--x: .8223867315;--y: .8831607469;--x2: .0337402486;--y2: -.2569722736;--delay: .3229398598}.startails>div:nth-of-type(199){--x: .8132221463;--y: .7232701513;--x2: -.0970469647;--y2: -.0457121533;--delay: .560036732}.startails>div:nth-of-type(200){--x: .2442727696;--y: .2951937956;--x2: -.351589046;--y2: .1274021636;--delay: .6483554992}.startails>div:nth-of-type(201){--x: .9691628537;--y: .2753571954;--x2: .3358260894;--y2: .2686572481;--delay: .4691467775}@keyframes startails-animation{0%{opacity:1;translate:calc(var(--x) * 100vw) calc(var(--y) * 100vh);scale:.9}2%{scale:.4}5%{translate:calc(var(--x) * 100vw + var(--y2) * var(--distance)) calc(var(--y) * 100vh + var(--x2) * var(--distance));opacity:0;scale:1}to{translate:calc(var(--x) * 100vw + var(--y2) * var(--distance)) calc(var(--y) * 100vh + var(--x2) * var(--distance));scale:1;opacity:0}}}@layer scene{.scene{display:grid;place-items:center;position:absolute;transform:translateY(10vh);animation:scene-zoom-in-out var(--time) ease-in-out infinite;transform-style:preserve-3d}@keyframes scene-zoom-in-out{0%{transform:translateY(10vh) scale(.9)}50%{transform:translateY(10vh) scale(1)}to{transform:translateY(10vh) scale(.9)}}}@property --space{syntax: "<length>"; initial-value: 0; inherits: true;}@layer cuboid{.cuboid{position:absolute;transform-style:preserve-3d;transform:rotateY(312deg) rotateX(350deg) rotate(10deg) translateY(1vmax);--size: 8vmax;--size-h: calc(var(--size) / 2);--size-h-n: calc(var(--size) / -2)}.cuboid .top{width:var(--size);aspect-ratio:1;background:linear-gradient(135deg,#e8dbdd,#989699);transform-style:preserve-3d;transform:rotateX(90deg) translateZ(var(--size-h-n));opacity:.9}.cuboid .front{width:var(--size);aspect-ratio:1/2;background:linear-gradient(#5f595d,transparent 60%);opacity:.5;transform:translateZ(var(--size-h));position:absolute}.cuboid .right{width:var(--size);aspect-ratio:1/2;background:linear-gradient(#5f595d 10%,transparent 90%);transform:translate3d(var(--size-h),0,0) rotateY(90deg);position:absolute;opacity:.7;-webkit-mask:radial-gradient(150% 120% at 0% 0%,black,transparent);mask:radial-gradient(150% 120% at 0% 0%,black,transparent)}.cuboid .outline{--space: 0vmax;--space-h: calc(var(--size) / 2);position:absolute;width:var(--size);aspect-ratio:1;border:.0125vmax solid white;transition:all 3s ease-in-out;translate:calc(-50% + var(--space-h)) calc(-50% + var(--space-h));padding:var(--space);--duration: 16s;animation:outline-animation var(--duration) 0s cubic-bezier(.68,.27,.26,.91) infinite;opacity:0;box-shadow:inset 0 0 .5vmax #fff6,0 0 .5vmax #fff6;--initial-space: var(--size-h)}.cuboid .outline:nth-of-type(2){animation-delay:calc(var(--duration) / 4)}.cuboid .outline:nth-of-type(3){animation-delay:calc(var(--duration) / 4 * 2)}.cuboid .outline:nth-of-type(4){animation-delay:calc(var(--duration) / 4 * 3)}@keyframes outline-animation{0%{--space: var(--initial-space, 0vmax);opacity:0;filter:blur(0vmax)}5%{opacity:.2}40%{opacity:.5}60%{opacity:.05;filter:blur(0vmax)}80%{opacity:0}to{--space: calc(var(--initial-space, 0vmax) + 25vmax);opacity:0;filter:blur(.6vmax)}}}@layer planets{@property --moon-angle{syntax: "<angle>"; initial-value: 0deg; inherits: true;}@keyframes moon-animation{0%{--moon-angle: 180deg}50%{--moon-angle: 200deg}to{--moon-angle: 180deg}}.sun{border-radius:50%;width:25vmax;aspect-ratio:1;background:radial-gradient(circle at 60% 60%,#f6f6f6,#e8dbdd,#d9d9d9);position:absolute;transform:translateY(-20vmax) translate(-5vmax);box-shadow:0 0 14vmax #ffffff80,0 0 22vmax #ffffff0d,0 0 42vmax #fff6;transform-style:preserve-3d}.planet{border-radius:50%;width:17vmax;aspect-ratio:1;background:radial-gradient(90% 90% at 60% 55%,#252525,#2a2f33 52%,#ede9ea 62%),#ede9ea;position:absolute;--r: 15vmax;--y: calc(-15vmax + sin(var(--moon-angle)) * var(--r));--z: calc(cos(var(--moon-angle)) * var(--r) * -1);transform:translateY(var(--y)) translate(10vmax) translateZ(var(--z));animation:moon-animation var(--time) ease-in-out infinite;box-shadow:0 0 2.5vmax #ffffff1f;filter:blur(.05vmax);transform-style:preserve-3d}.planet-2{transform-style:preserve-3d;border-radius:50%;width:13vmax;aspect-ratio:1;background:radial-gradient(90% 90% at 60% 55%,#e3e3e3,#d2c6c8 52%,#212528 62%,transparent 82%);position:absolute;--r: 2vmax;--y: calc(-30vmax + sin(var(--moon-angle)) * var(--r));--z: calc(cos(var(--moon-angle)) * var(--r) * 1);transform:translateY(var(--y)) translate(-20vmax) translateZ(var(--z));animation:moon-animation var(--time) ease-in-out infinite}.planet-3{transform-style:preserve-3d;border-radius:50%;width:2vmax;aspect-ratio:1;background:radial-gradient(90% 90% at 70% 50%,#eeeeee 16%,#b7aeb0 38%,#3c4144 52%,#2d3134 60%,transparent 82%);position:absolute;transform:translateY(-10vmax) translate(-20vmax);opacity:.6}.planet-4{transform-style:preserve-3d;border-radius:50%;width:1vmax;aspect-ratio:1;background:radial-gradient(90% 90% at 70% 50%,#d0d0d0,#b7aeb0 38%,#121415 52%,#131617 60%,transparent 82%);position:absolute;transform:translateY(-11vmax) translate(-22vmax);opacity:.5}.planet-5{transform-style:preserve-3d;border-radius:50%;width:10vmax;aspect-ratio:1;background:radial-gradient(90% 90% at 30% 55%,#797777,#515051 52%,#212528 62%,transparent 82%);position:absolute;--r: 5vmax;--y: calc(-35vmax + sin(var(--moon-angle)) * var(--r));--z: calc(cos(var(--moon-angle)) * var(--r) * 1);transform:translateY(var(--y)) translate(18vmax) translateZ(var(--z));clip-path:circle();overflow:clip;animation:moon-animation var(--time) ease-in-out infinite;--animation: move-to-left calc(var(--time) * 6) ease-in-out infinite}.planet-5 .structure-1{position:absolute;top:-20vmax;right:-20vmax;bottom:-20vmax;left:-20vmax;filter:url(#planet-structure) saturate(0);mix-blend-mode:lighten;opacity:.4;transform:scale(4) translate(1vmax);animation:var(--animation)}.planet-5 .structure-2{position:absolute;top:-20vmax;right:-20vmax;bottom:-20vmax;left:-20vmax;filter:url(#planet-structure) saturate(0);mix-blend-mode:lighten;opacity:.5;transform:scale(7.5);animation:var(--animation)}.planet-5 .structure-3{position:absolute;top:-20vmax;right:-20vmax;bottom:-20vmax;left:-20vmax;filter:url(#planet-structure) saturate(0);mix-blend-mode:lighten;opacity:.1;transform:scale(.2) translate(1vmax);animation:var(--animation)}.planet-5:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 5% 20%,transparent 30%,#171a1c 60%)}@keyframes move-to-left{0%{translate:0 0}50%{translate:-100% 0}to{translate:0 0}}.planet-6{transform-style:preserve-3d;border-radius:50%;width:7vmax;aspect-ratio:1;background:radial-gradient(90% 90% at 30% 55%,#f3ecec,#7a7a7a 52%,#212528 72%,transparent);position:absolute;--r: 6vmax;--y: calc(-39.6vmax + sin(var(--moon-angle)) * var(--r));--z: calc(cos(var(--moon-angle)) * var(--r) * 1);transform:translateY(var(--y)) translate(23vmax) translateZ(var(--z));animation:moon-animation var(--time) ease-in-out infinite;display:grid;place-items:center}.planet-6:before{content:"";position:absolute;border-radius:50%;width:12vmax;height:1vmax;border:1vmax solid #5e5e5e;box-shadow:inset 0 0 1rem #000;transform:rotate(25deg);-webkit-mask:radial-gradient(circle at 50% -20%,transparent 30%,black);mask:radial-gradient(circle at 50% -20%,transparent 30%,black);clip-path:ellipse(47% 22% at 50% 50%);filter:blur(.5vmax)}.planet-6:after{content:"";position:absolute;border-radius:50%;width:12vmax;height:1vmax;border:2.6vmax solid #43484c;box-shadow:inset 0 0 1rem #000;transform:rotate(25deg);-webkit-mask:radial-gradient(circle at 50% -20%,transparent 30%,black);mask:radial-gradient(circle at 50% -20%,transparent 30%,black);clip-path:ellipse(47% 22% at 50% 50%)}.planets,.planets-2{position:absolute;top:0;right:0;bottom:0;left:0}.planets>div,.planets-2>div{--distance: 20vmax;border-radius:50%;width:1.6vmax;aspect-ratio:1;background:radial-gradient(90% 90% at 70% 50%,#bbbaba,#888586 38%,#121415 52%,#131617 60%,transparent 82%);opacity:.5;filter:blur(.1rem);translate:calc(var(--x) * 100vw) calc(var(--y) * 100vh)}.planets>div:nth-of-type(1),.planets-2>div:nth-of-type(1){--x: .4859267104;--y: .6664419304;--x2: .3736538931;--y2: .0893533099;--delay: .3947012631}.planets>div:nth-of-type(2),.planets-2>div:nth-of-type(2){--x: .4469745861;--y: .7981468482;--x2: -.4623517135;--y2: -.2185161645;--delay: .7603783025}.planets>div:nth-of-type(3),.planets-2>div:nth-of-type(3){--x: .2244861535;--y: .7795662184;--x2: .151110571;--y2: -.1728973153;--delay: .2591060061}.planets>div:nth-of-type(4),.planets-2>div:nth-of-type(4){--x: .3836962546;--y: .8015756488;--x2: .3082920769;--y2: -.4592876389;--delay: .5387690428}.planets>div:nth-of-type(5),.planets-2>div:nth-of-type(5){--x: .2546627211;--y: .5243263722;--x2: -.1962738583;--y2: -.3907312378;--delay: .6394545983}.planets>div:nth-of-type(6),.planets-2>div:nth-of-type(6){--x: .0798299753;--y: .6290626745;--x2: .3450881751;--y2: -.3115039723;--delay: .3193268448}.planets>div:nth-of-type(7),.planets-2>div:nth-of-type(7){--x: .6586587126;--y: .6772243346;--x2: .4561487367;--y2: .0751288881;--delay: .1642752057}.planets>div:nth-of-type(8),.planets-2>div:nth-of-type(8){--x: .1092579619;--y: .6251192972;--x2: -.205673821;--y2: .1832055178;--delay: .3287628524}.planets>div:nth-of-type(9),.planets-2>div:nth-of-type(9){--x: .072936254;--y: .7518247951;--x2: -.4632703235;--y2: -.4127276096;--delay: .4534744523}.planets>div:nth-of-type(10),.planets-2>div:nth-of-type(10){--x: .2797492008;--y: .6742503892;--x2: .3746282109;--y2: -.1015971794;--delay: .779284774}.planets>div:nth-of-type(11),.planets-2>div:nth-of-type(11){--x: .3700694667;--y: .1694774291;--x2: .13071535;--y2: .1804344822;--delay: .2414386508}.planets>div:nth-of-type(12),.planets-2>div:nth-of-type(12){--x: .3125832574;--y: .0062226995;--x2: .0467160765;--y2: -.1125463353;--delay: .6184880094}.planets>div:nth-of-type(13),.planets-2>div:nth-of-type(13){--x: .0159273585;--y: .7327378849;--x2: -.1934150523;--y2: .4281822557;--delay: .8362207962}.planets>div:nth-of-type(14),.planets-2>div:nth-of-type(14){--x: .8564424193;--y: .2745367217;--x2: .2317781626;--y2: .3778989453;--delay: .510800582}.planets>div:nth-of-type(15),.planets-2>div:nth-of-type(15){--x: .3047205318;--y: .6665713388;--x2: .1569009184;--y2: .0168166788;--delay: .6239665392}.planets>div:nth-of-type(16),.planets-2>div:nth-of-type(16){--x: .0827648986;--y: .99974627;--x2: -.2243107947;--y2: -.2688363184;--delay: .0020790683}.planets>div:nth-of-type(17),.planets-2>div:nth-of-type(17){--x: .6083044449;--y: .7949187039;--x2: -.4591749484;--y2: -.0851800836;--delay: .8829717051}.planets>div:nth-of-type(18),.planets-2>div:nth-of-type(18){--x: .3103845225;--y: .8500690202;--x2: .4546680909;--y2: .1271966162;--delay: .7936147003}.planets>div:nth-of-type(19),.planets-2>div:nth-of-type(19){--x: .419046899;--y: .7952865993;--x2: -.1056896727;--y2: -.4911564974;--delay: .7249151315}.planets>div:nth-of-type(20),.planets-2>div:nth-of-type(20){--x: .9186684416;--y: .9675491478;--x2: -.0655661283;--y2: -.0095214969;--delay: .5737225415}.planets>div:nth-of-type(21),.planets-2>div:nth-of-type(21){--x: .9865891278;--y: .2527338038;--x2: .2077990813;--y2: .1077222145;--delay: .4635944777}.planets>div:nth-of-type(22),.planets-2>div:nth-of-type(22){--x: .4242276263;--y: .5980488253;--x2: -.2417648176;--y2: .4279203669;--delay: .2957024445}.planets>div:nth-of-type(23),.planets-2>div:nth-of-type(23){--x: .8042529126;--y: .0778039636;--x2: -.2067629597;--y2: .3126215381;--delay: .9000015843}.planets>div:nth-of-type(24),.planets-2>div:nth-of-type(24){--x: .8859685594;--y: .3873581574;--x2: .3716326201;--y2: -.3178535017;--delay: .4086963651}.planets>div:nth-of-type(25),.planets-2>div:nth-of-type(25){--x: .4983493289;--y: .256720605;--x2: -.2590970977;--y2: -.1209285124;--delay: .1852042022}.planets>div:nth-of-type(26),.planets-2>div:nth-of-type(26){--x: .8760535388;--y: .3430757177;--x2: -.0350561437;--y2: .4828713961;--delay: .8217729771}.planets>div:nth-of-type(27),.planets-2>div:nth-of-type(27){--x: .4312081762;--y: .4347732793;--x2: .4191971917;--y2: -.3124502059;--delay: .9396958555}.planets>div:nth-of-type(28),.planets-2>div:nth-of-type(28){--x: .434197912;--y: .0490488985;--x2: -.1593434566;--y2: -.4111214515;--delay: .4266808242}.planets>div:nth-of-type(29),.planets-2>div:nth-of-type(29){--x: .929958809;--y: .5032760127;--x2: .2397298606;--y2: .3365336562;--delay: .4490609288}.planets>div:nth-of-type(30),.planets-2>div:nth-of-type(30){--x: .9840959826;--y: .3876205874;--x2: -.3202772481;--y2: .1863914591;--delay: .9421757984}.planets>div:nth-of-type(31),.planets-2>div:nth-of-type(31){--x: .1457546907;--y: .6712021822;--x2: .0074166131;--y2: -.3962749016;--delay: .6606707807}.planets>div:nth-of-type(32),.planets-2>div:nth-of-type(32){--x: .5555684666;--y: .6603177986;--x2: -.0962036548;--y2: -.217247066;--delay: .0497533248}.planets>div:nth-of-type(33),.planets-2>div:nth-of-type(33){--x: .3531642981;--y: .1826298323;--x2: .1921283926;--y2: -.3907408099;--delay: .6148412487}.planets>div:nth-of-type(34),.planets-2>div:nth-of-type(34){--x: .5773501392;--y: .9491143251;--x2: .0191022036;--y2: -.1963958463;--delay: .0865036098}.planets>div:nth-of-type(35),.planets-2>div:nth-of-type(35){--x: .9825732875;--y: .2523761921;--x2: -.3157246615;--y2: -.022814979;--delay: .7159687142}.planets>div:nth-of-type(36),.planets-2>div:nth-of-type(36){--x: .2982838513;--y: .161117384;--x2: -.0676920359;--y2: -.3400051075;--delay: .4071319319}.planets>div:nth-of-type(37),.planets-2>div:nth-of-type(37){--x: .4805226522;--y: .4714473975;--x2: -.3800119026;--y2: .040214887;--delay: .4612296684}.planets>div:nth-of-type(38),.planets-2>div:nth-of-type(38){--x: .9689166783;--y: .7820583504;--x2: -.2337219175;--y2: .1709940619;--delay: .4718684662}.planets>div:nth-of-type(39),.planets-2>div:nth-of-type(39){--x: .1032073435;--y: .2461427573;--x2: .455659368;--y2: -.3015445502;--delay: .2949779694}.planets>div:nth-of-type(40),.planets-2>div:nth-of-type(40){--x: .4787783833;--y: .9561238307;--x2: .1690614396;--y2: -.2395652397;--delay: .5925926558}.planets>div:nth-of-type(41),.planets-2>div:nth-of-type(41){--x: .4479472445;--y: .0637262535;--x2: -.4543536411;--y2: .3127153869;--delay: .2068011683}.planets>div:nth-of-type(42),.planets-2>div:nth-of-type(42){--x: .6327706103;--y: .0331515885;--x2: .3121144056;--y2: -.1014556132;--delay: .4834919954}.planets>div:nth-of-type(43),.planets-2>div:nth-of-type(43){--x: .4715063238;--y: .3509278749;--x2: .3679729697;--y2: .3671006384;--delay: .8453926871}.planets>div:nth-of-type(44),.planets-2>div:nth-of-type(44){--x: .089259505;--y: .1668981579;--x2: -.4928855609;--y2: .4347394426;--delay: .5164648791}.planets>div:nth-of-type(45),.planets-2>div:nth-of-type(45){--x: .8311584987;--y: .4121688833;--x2: .3051748813;--y2: .4637337109;--delay: .6266641136}.planets>div:nth-of-type(46),.planets-2>div:nth-of-type(46){--x: .0598037793;--y: .7051718511;--x2: .0657218895;--y2: .1331235796;--delay: .1666634197}.planets>div:nth-of-type(47),.planets-2>div:nth-of-type(47){--x: .4666448121;--y: .44880378;--x2: -.4003459084;--y2: -.4647609729;--delay: .6073510107}.planets>div:nth-of-type(48),.planets-2>div:nth-of-type(48){--x: .2216565606;--y: .9725720713;--x2: .3101685118;--y2: -.1741910703;--delay: .3903740644}.planets>div:nth-of-type(49),.planets-2>div:nth-of-type(49){--x: .2964726478;--y: .2211531363;--x2: -.000856036;--y2: -.2838229611;--delay: .1546971123}.planets>div:nth-of-type(50),.planets-2>div:nth-of-type(50){--x: .6224282645;--y: .0135410736;--x2: -.0199736474;--y2: .3134479121;--delay: .2550793791}.planets>div:nth-of-type(51),.planets-2>div:nth-of-type(51){--x: .3676962198;--y: .7303378294;--x2: -.4148403475;--y2: .3374742835;--delay: .0616606234}.planets-2>div{width:.5vmax;opacity:.6;filter:unset}}@layer object{.object{position:absolute;display:grid;display:none;place-items:center;transform:rotateY(45deg) translateZ(6vmax);translate:5vmax 5vmax}.object .body{position:absolute;display:grid;place-items:center;--content: "🏄‍♂️";--content: "🐋";font-size:6vmax;color:initial;z-index:1111}.object .body:before{content:var(--content);transform:scaleX(-1);filter:saturate(0) brightness(1.1) drop-shadow(0 0 1vmax rgba(0,0,0,.4));z-index:1111}.object .body:after{content:var(--content);transform:scaleX(-1) scaleY(-1) translateY(2.5vmax);filter:saturate(0) brightness(0);-webkit-mask:linear-gradient(to bottom,transparent 60%,black 80%);mask:linear-gradient(to bottom,transparent 60%,black 80%);z-index:115}}@layer human{.human{position:absolute;display:grid;place-items:center;width:6vmax;height:14vmax;translate:0 0;z-index:111}.human:not(.shadow){filter:invert(.04) drop-shadow(0 0 1.5vmax rgba(250,250,250,.6))}.human>div{position:absolute}.human .head{background:#fff;width:1.5vmax;height:1.6vmax;border-radius:50%;translate:.2vmax -6.2vmax;rotate:355deg}.human .head:before{content:"";position:absolute;background:#fff;width:.27vmax;height:.7vmax;border-radius:50%;translate:1.19vmax .5vmin;rotate:136deg;animation:head-nose calc(var(--time) / 4) ease-in-out infinite}@keyframes head-nose{0%{translate:1.19vmax .5vmin}50%{translate:1.06vmax .5vmin}to{translate:1.19vmax .5vmin}}.human .head:after{content:"";position:absolute;background:#fff;width:1.1vmax;height:.9vmax;border-radius:50%;translate:.45vmax .66vmax;rotate:45deg;animation:head-chin calc(var(--time) / 4) ease-in-out infinite}@keyframes head-chin{0%{translate:.45vmax .66vmax}50%{translate:.2vmax .66vmax}to{translate:.45vmax .66vmax}}.human .neck{background:#fff;width:.8vmax;height:1.5vmax;border-radius:50%;translate:.2vmax -5.4vmax}.human .neck:before{content:"";position:absolute;width:.3vmax;height:1.5vmax;background:#fff;border-radius:50%;translate:.6vmax .4vmax;rotate:352deg}.human .body{z-index:11}.human .body>div{position:absolute}.human .body .shoulder:before{content:"";position:absolute;width:1.3vmax;height:.5vmax;background:#fff;border-radius:50%;translate:-1.1vmax -5vmax;rotate:330deg}.human .body .shoulder:after{content:"";position:absolute;width:1.3vmax;height:.5vmax;background:#fff;border-radius:50%;translate:.4vmax -4.9vmax;rotate:24deg}.human .body .back{width:1.3vmax;height:4.1vmax;background:#fafafa;border-radius:20%;translate:-.2vmax -4.9vmax;rotate:357deg}.human .body .back:before{content:"";position:absolute;width:2.9vmax;height:1.5vmax;background:#fafafa;border-radius:50%;translate:-1.4vmax .7vmax;rotate:69deg;z-index:-1}.human .body .back:after{content:"";position:absolute;width:2.6vmax;height:1vmax;background:#fafafa;border-radius:50%;translate:.1vmax 1.1vmax;rotate:96deg}.human .body .hip .center{position:absolute;width:1.6vmax;height:1.8vmax;background:radial-gradient(#fff,#f5f5f5);border-radius:39.6%;translate:-.3vmax -3vmax;rotate:267deg;display:grid}.human .body .hip:before{content:"";position:absolute;width:1.6vmax;height:2.2vmax;background:radial-gradient(#fff,#e7e4e4);border-radius:46.5%;translate:-.6vmax -2.5vmax;rotate:8deg}.human .body .hip:after{content:"";position:absolute;width:1.3vmax;height:2.2vmax;background:radial-gradient(#fff,#f6f5f5);border-radius:41.1%;translate:.3vmax -2.2vmax;rotate:161deg}.human .leg.right{width:1.1vmax;height:2.9vmax;background:#fff;border-radius:50%;translate:1.2vmax .4vmax;rotate:348deg}.human .leg.right:after{content:"";position:absolute;width:.7vmax;height:2.9vmax;background:#fff;border-radius:50%;translate:.5vmax .2vmax;rotate:13deg}.human .leg.right .knee{position:absolute;height:1.7vmax;width:.75vmax;background:#fff;border-radius:39.6%;translate:0vmax 2.2vmax;rotate:15deg}.human .leg.right .lower{position:absolute;height:3.2vmax;width:.8vmax;background:#fff;border-radius:50%;translate:-.3vmax 2.4vmax;rotate:15deg}.human .leg.right .lower:before{content:"";position:absolute;width:.5vmax;height:1.5vmax;background:#fff;border-radius:67.8%;translate:.5vmax 2.6vmax;rotate:66deg}.human .leg.right .lower:after{content:"";position:absolute;width:.5vmax;height:1.5vmax;background:#fff;border-radius:27.8%;translate:.1vmax 2.3vmax;rotate:0deg}.human .leg.left{width:1.1vmax;height:2.9vmax;background:#f4efef;border-radius:50%;translate:-.3vmax .4vmax;rotate:2deg;filter:invert(.04);z-index:-1}.human .leg.left:after{content:"";position:absolute;width:.7vmax;height:2.9vmax;background:#f4efef;border-radius:50%;translate:.5vmax .2vmax;rotate:13deg}.human .leg.left .knee{position:absolute;height:1.7vmax;width:.75vmax;background:#e7e4e4;border-radius:39.6%;translate:0vmax 2.2vmax;rotate:5deg}.human .leg.left .lower{position:absolute;height:3.2vmax;width:.8vmax;background:#eae6e6;border-radius:50%;translate:-.1vmax 1.9vmax;rotate:5deg}.human .leg.left .lower:before{content:"";position:absolute;width:.5vmax;height:1.5vmax;background:#e7e4e4;border-radius:67.8%;translate:.5vmax 2.6vmax;rotate:47deg}.human .leg.left .lower:after{content:"";position:absolute;width:.5vmax;height:1.55vmax;background:#e7e4e4;border-radius:27.8%;translate:.1vmax 2.3vmax;rotate:0deg}.human .arm.right{position:absolute;width:.7vmax;height:2.9vmax;background:#fff;border-radius:27.8%;translate:1.6vmax -3.1vmax;rotate:346deg;animation:arm-right calc(var(--time) / 4) ease-in-out infinite}@keyframes arm-right{0%{rotate:346deg}50%{rotate:350deg}to{rotate:346deg}}.human .arm.right:before{content:"";position:absolute;width:.3vmax;height:2.45vmax;background:#fff;border-radius:27.8%;translate:.3vmax 2.1vmax;rotate:6deg}.human .arm.right:after{content:"";position:absolute;width:.4vmax;height:2.15vmax;background:#fff;border-radius:27.8%;translate:.1vmax 2.1vmax;rotate:351deg}.human .arm.right .hand{position:absolute;width:.3vmax;height:.85vmax;background:#fff;border-radius:27.8%;translate:.3vmax 3.7vmax;rotate:353deg}.human .arm.right .hand:after{content:"";position:absolute;width:.5vmax;height:.55vmax;background:#fff;border-radius:39.2%;translate:-.2vmax .6vmax;rotate:65deg}.human .arm.left{width:.7vmax;height:2.5vmax;background:#fff;border-radius:59.8%;translate:-.9vmax -3.4vmax;rotate:359deg;filter:invert(.1);z-index:-2;animation:arm-left calc(var(--time) / 4) ease-in-out infinite}@keyframes arm-left{0%{rotate:359deg}50%{rotate:364deg}to{rotate:359deg}}.human .arm.left:before{content:"";position:absolute;width:.3vmax;height:2.45vmax;background:#fff;border-radius:27.8%;translate:.3vmax 1.8vmax;rotate:6deg}.human .arm.left:after{content:"";position:absolute;width:.4vmax;height:2.15vmax;background:#fff;border-radius:27.8%;translate:.2vmax 2.1vmax;rotate:351deg}.human .arm.left .hand{position:absolute;width:.3vmax;height:.85vmax;background:#fff;border-radius:27.8%;translate:.3vmax 3.7vmax;rotate:353deg}.human .arm.left .hand:after{content:"";position:absolute;width:.5vmax;height:.55vmax;background:#fff;border-radius:39.2%;translate:-.1vmax .2vmax;rotate:65deg}.human.shadow{transform:scaleY(-1) translateY(-9vmax);filter:invert(.2);opacity:.5;z-index:0;-webkit-mask:linear-gradient(to top,black 25%,transparent 35%);mask:linear-gradient(to top,black 25%,transparent 35%)}.human.shadow .leg.left .lower:before{rotate:102deg}.human.shadow .leg.right .lower:before{rotate:102deg}}.highlight{position:absolute;height:100vh;width:100vw;background:radial-gradient(50vmin 70vmin at 70% 70%,rgba(255,255,255,.12),transparent),radial-gradient(40vmin 30vmin at 70% 70%,rgba(255,255,255,.12),transparent),radial-gradient(40vmin 60vmin at 10% 70%,rgba(255,255,255,.14),transparent),radial-gradient(80vmin 100vh at 30% 70%,rgba(255,255,255,.1),transparent);filter:blur(5vmin);pointer-events:none}.color-filter{position:absolute;height:100vh;width:100vw;background:conic-gradient(at 50% 60%,#32385c45,#984b8412,#964b980a,#32385c45);mix-blend-mode:color;pointer-events:none}.audio-icon-button{border:.0625rem white solid;padding:.5rem;width:2.265rem;height:2.265rem;border-radius:50%;background:transparent;position:fixed;left:2rem;top:2rem;z-index:4200;aspect-ratio:1;display:flex;gap:.125rem;align-items:center;justify-content:center;opacity:.5;transition:opacity .3s ease}@media (hover){.audio-icon-button{cursor:pointer}.audio-icon-button:hover{opacity:1}}.audio-icon-button .bar{background:#fff;height:1.5rem;width:.0825rem}.audio-icon-button .bar:nth-of-type(1),.audio-icon-button .bar:nth-of-type(5){height:.5rem}.audio-icon-button .bar:nth-of-type(2),.audio-icon-button .bar:nth-of-type(4){height:1rem}@layer global{body{width:100vw;min-height:100vh;display:block;background-color:var(--color-surface);color:var(--color-primary);perspective:80vmax;margin:0;overflow-y:auto}body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:111;pointer-events:none;background:#0000001a;-webkit-mask:linear-gradient(black 10%,transparent 30%,transparent 70%,black 80%);mask:linear-gradient(black 10%,transparent 30%,transparent 70%,black 80%)}*{box-sizing:border-box}}.cosmic-container{position:relative;min-height:100vh;display:grid;place-items:center}.content-layer{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column}.bubble-float{animation:bubble-float 6s ease-in-out infinite}@keyframes bubble-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.bubble-glow{box-shadow:0 0 30px #6366f14d,0 0 60px #8b5cf633}.text-glow{text-shadow:0 0 20px rgba(255,255,255,.5)}.button-cosmic{background:linear-gradient(135deg,var(--bubble-primary),var(--bubble-secondary));border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.button-cosmic:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f166}.glass-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px}a.labs-follow-me{left:2rem;right:2rem;bottom:1rem;top:unset;text-align:center}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.right-0{right:0}.right-4{right:1rem}.top-4{top:1rem}.top-full{top:100%}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-full{width:100%}.min-w-\[200px\]{min-width:200px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.resize-y{resize:vertical}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-blue-700{--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-green-700{--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity, 1))}.border-purple-400{--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))}.border-purple-600{--tw-border-opacity: 1;border-color:rgb(147 51 234 / var(--tw-border-opacity, 1))}.border-red-700{--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/20{border-color:#fff3}.border-t-transparent{border-top-color:transparent}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-blue-900{--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-green-900{--tw-bg-opacity: 1;background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-red-900{--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity: .5}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-600{--tw-gradient-from: #16a34a var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to: #db2777 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-relaxed{line-height:1.625}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-blue-200{--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-green-300{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.hover\:animate-bounce:hover{animation:bounce 1s infinite}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:from-blue-700:hover{--tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-purple-700:hover{--tw-gradient-from: #7e22ce var(--tw-gradient-from-position);--tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-pink-700:hover{--tw-gradient-to: #be185d var(--tw-gradient-to-position)}.hover\:to-purple-700:hover{--tw-gradient-to: #7e22ce var(--tw-gradient-to-position)}.hover\:text-blue-300:hover{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.hover\:text-red-300:hover{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-2xl:hover{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:border-green-500:focus{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.focus\:border-purple-500:focus{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 768px){.md\:h-28{height:7rem}.md\:w-28{width:7rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}