@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap);@import url(https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400;1,600&family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Cinzel+Decorative:wght@400;700&family=Lora:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400;1,600&family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Inter:wght@400;500;600&family=Lora:ital,wght@0,400;0,500;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Lora:ital,wght@0,400;0,500;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Lora:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);body,html{height:100%;margin:0;padding:0}:root{--gradient-start:#1f2a33;--gradient-end:#162022;--fg-light:#f5f5f5;--overlay-star:url(/static/media/star-overlay.b0f55352225ffaa5a533.png);--sheen-color:#ffffff4d;--font-sans:"Lexend",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Crimson Text",serif;--font-heading:"Cinzel Decorative",serif;--parchment-color:#e8f0fe;--parchment-noise:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");--icon-color:#5a4a3e;--icon-hover-color:#7a6654;--icon-transition:0.2s ease;--bg-color:#fff;--text-color:#222;--primary-color:#1d4ed8;--muted-color:#888;--surface-bg:#f9fafb;--surface-border:#e5e7eb}.dark{--bg-color:#121212;--text-color:#e5e5e5;--primary-color:#3b82f6;--muted-color:#aaa;--surface-bg:#1e1e1e;--surface-border:#333}.app-container{display:flex;flex-direction:column;height:100vh}.chat-body{position:relative}.chat-body,.chat-content{display:flex;flex:1 1;overflow:hidden}.chat-content{flex-direction:column}.chat-panel-container{display:flex;flex-direction:column;height:100%}.chat-window{background-color:#221452cc;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;color:#3a2b1f;display:flex;flex:1 1;flex-direction:column;font-family:Crimson Text,serif;font-family:var(--font-body);line-height:1.6;min-height:100vh;overflow:hidden;padding:0}.chat-header{flex-shrink:0;justify-content:space-between;padding:.5rem 1rem}.header-title-group{align-items:center;display:flex;gap:.5rem}.header-avatar{border-radius:50%;height:32px;margin-right:.5rem;object-fit:cover;width:32px}.chat-title{color:gold;font-family:Cinzel Decorative,serif;font-family:var(--font-heading);font-size:1.5rem;margin:0}.back-button{margin-left:auto;order:2}.chat-history{flex:1 1;overflow-y:auto;padding:1rem;scrollbar-color:gold #0a0a1e66;scrollbar-width:thin}.chat-history::-webkit-scrollbar-track{background:#0a0a1e66;border-left:1px solid gold}.chat-history::-webkit-scrollbar-thumb{background:gold;box-shadow:0 0 4px gold}.react-window-list{scroll-behavior:smooth;width:100%!important}.ai-message,.user-message{word-wrap:break-word;align-items:flex-start;border-radius:18px;display:flex;line-height:1.5;margin-bottom:1.5rem;overflow:hidden;padding:10px 15px;position:relative;word-break:break-word}@media (min-width:601px){.ai-message,.user-message{max-width:65%}.user-message{flex-direction:row-reverse;margin-left:auto;margin-right:1rem}.ai-message{flex-direction:row;margin-left:0;margin-right:auto}}@media (max-width:600px){.chat-history{padding:.5rem}.ai-message,.user-message{border-radius:12px;margin-bottom:1rem;max-width:none;padding:8px 12px;width:100%}.user-message{flex-direction:row-reverse}.ai-message{flex-direction:row}}.user-message{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#ffffff14!important;border:1px solid #fff3!important;box-shadow:0 0 6px #ffffff1a!important;color:#fff!important;font-size:.95rem!important}.ai-message,.user-message{font-family:Cormorant Garamond,serif!important}.ai-message{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:none!important;box-shadow:none!important;color:#ffffffd9!important;font-size:1.1rem!important;text-shadow:0 0 1px #ffffff4d,0 0 2px #ffffff26!important}.message-icon{flex-shrink:0;height:32px;width:32px}.user-message .message-icon{margin-left:10px;margin-right:0}.ai-message .message-icon{margin-left:0;margin-right:10px}.message-content{flex:1 1;position:relative;white-space:pre-wrap;word-break:break-word}.message-content strong{color:gold;display:block;font-weight:600;margin-bottom:.5rem}.chat-input{align-items:center;border-top:none!important;display:flex;flex-shrink:0;padding:1rem}.chat-textarea{background:#281e4699;border:1px solid #c8b432cc;border-radius:12px;box-sizing:border-box;color:gold;flex:1 1;font-family:Crimson Text,serif;font-family:var(--font-body);max-height:200px;min-height:40px;overflow:hidden;padding:6px 10px;resize:none}.chat-textarea::placeholder{color:#ffd700b3!important}button{cursor:pointer;font-family:Cinzel Decorative,serif;font-family:var(--font-heading);transition:all .2s ease}.chat-window .chat-header button,.chat-window .chat-input button,.chat-window .edit-button,.chat-window .retry-button,.chat-window .stop-button{align-items:center;background:#00000080;border:1px solid gold;border-radius:4px;color:gold;display:flex;justify-content:center;padding:.4rem}.chat-window button:hover{background:#000000b3}.chat-window .cancel-button,.chat-window .send-button{background:#141423cc;border:2px solid gold;border-radius:8px;color:gold;font-weight:600;margin-right:.5rem;padding:.4rem .8rem}.edit-textarea{background:#141423b3;border:2px solid gold;border-radius:8px;box-sizing:border-box;color:gold;font-family:Lora,serif;outline:none;padding:.5rem;resize:none;width:100%}.edit-buttons{margin-top:.5rem}.user-message .edit-button{opacity:0;position:absolute;right:5px;top:5px;transition:opacity .2s ease-in-out,visibility .2s;visibility:hidden}.user-message:hover .edit-button{opacity:1;visibility:visible}.typing{gap:6px}.dot{animation:pulse 1s ease-in-out infinite;background:gold;border-radius:50%;height:6px;opacity:.3;width:6px}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.chat-footer-note{color:#fff9;flex-shrink:0;font-family:Lora,serif;font-size:.85rem;padding:.8rem 2rem 2rem}@media (max-width:600px){.chat-header{padding:.25rem}.chat-title{font-size:1rem}.header-avatar{height:24px;width:24px}.chat-input{padding:.75rem .9rem calc(.75rem + env(safe-area-inset-bottom, 1rem))}}@media (min-width:601px){.chat-window .chat-input{justify-content:center;margin:0 auto;width:65%}.chat-window .chat-history{margin:0 auto;width:65%}}.auth-page{align-items:center;background:#e8f0fe;background:var(--parchment-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");background-image:var(--parchment-noise);height:100vh;justify-content:center;padding:1rem}.auth-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:1rem;max-width:400px;padding:2rem;width:100%}.auth-form button,.auth-form input{box-sizing:border-box;width:100%}.category-page-wrapper{align-items:center;background:linear-gradient(135deg,#1f2a33,#162022);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));display:flex;flex-direction:column;min-height:100vh;padding:2rem 1rem}.page-title{color:#f5f5f5;color:var(--fg-light);font-family:Cinzel Decorative,serif;font-family:var(--font-heading);font-size:2.5rem;margin-bottom:1.5rem;text-shadow:0 1px 3px #0009}.character-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-width:800px;width:100%}.character-item{cursor:pointer;text-align:center}.character-item img{border:2px solid #ccc;border-radius:50%;height:120px;object-fit:cover;transition:transform .2s;width:120px}.character-item img:hover{border-color:#007bff;transform:scale(1.1)}.character-item p{font-weight:500;margin-top:10px}.categories{display:flex;gap:2rem;justify-content:center;margin:2rem 0;overflow:visible;position:relative}@media (max-width:768px){.chat-sidebar{height:100%;position:absolute;transform:translateX(-100%);transition:transform .3s ease;z-index:100}.chat-sidebar.open{box-shadow:2px 0 10px #0003;transform:translateX(0)}}.header-avatar,.message-icon,[data-character]{transition:all .3s ease-in-out}.emotion-romantic{box-shadow:0 0 20px #ff149399;filter:hue-rotate(320deg) brightness(1.2)!important}.emotion-joy{box-shadow:0 0 15px #ffd700b3;filter:brightness(1.3) saturate(1.4)!important}.emotion-anger{box-shadow:0 0 20px #dc143ccc;filter:hue-rotate(0deg) brightness(1.2) contrast(1.3)!important}.emotion-analytical{box-shadow:0 0 15px #70809099;filter:hue-rotate(200deg) brightness(1.1)!important}.emotion-sad{box-shadow:0 0 10px #1e90ff80;filter:grayscale(.4) brightness(.8)!important}.emotion-neutral{box-shadow:none;filter:none!important}.emotion-satisfaction{box-shadow:0 0 12px #ffd70066;filter:brightness(1.2) saturate(1.1)!important}.emotion-mild_frustration{box-shadow:0 0 10px #ff8c0080;filter:hue-rotate(15deg) brightness(1.1) contrast(1.1)!important}.emotion-contemplative{box-shadow:0 0 8px #80008066;filter:hue-rotate(240deg) brightness(.9)!important}.emotion-mysterious{box-shadow:0 0 15px #8a2be299;filter:hue-rotate(280deg) brightness(1.1) saturate(1.2)!important}.emotion-animate{animation-duration:1s;animation-fill-mode:both}.emotion-animate.emotion-romantic{animation-name:heartbeat}.emotion-animate.emotion-joy{animation-name:bounce}.emotion-animate.emotion-anger{animation-name:shake}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(1.1)}75%{transform:scale(1.05)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-3px)}20%,40%,60%,80%{transform:translateX(3px)}}.back-button{left:auto!important;right:14px!important}.chat-input{background:#0000!important}@media (max-width:401px){.panel-grid{-webkit-overflow-scrolling:touch;display:flex!important;gap:.67rem;grid-template-columns:none!important;overflow-x:auto;padding-bottom:.67rem;scroll-snap-type:x mandatory;width:100%}.panel-grid::-webkit-scrollbar{height:5.36px}.panel-grid::-webkit-scrollbar-track{background:#0a0a1e66;border-radius:2.68px}.panel-grid::-webkit-scrollbar-thumb{background:gold;border-radius:2.68px;box-shadow:0 0 4.02px gold}.panel-grid>*{flex:0 0 auto;margin-top:0!important;max-height:calc(100vh - 20rem);overflow:hidden;scroll-snap-align:center;width:85vw}}@media (max-width:768px){.auth-page{flex-direction:column!important;padding:.5rem}.auth-page:before{display:none!important}.auth-demo-container{flex:0 0 auto!important;margin:0 0 1rem!important;max-width:100%!important;width:100%!important}.auth-demo-container .device-frame{height:491px!important;padding:12px!important;width:274px!important}.auth-form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0006!important;border:1px solid gold;border-radius:12px;box-shadow:0 0 10px #ffd70033;flex:0 0 auto!important;margin:0!important;max-width:350px!important;padding:1rem!important;width:95%!important}.auth-form input{background:#ffffff0d!important;border:1px solid gold!important;border-radius:6px;box-sizing:border-box!important;color:gold!important;margin-top:1rem!important;padding:.6rem!important;width:100%!important}.auth-form button{background:gold!important;border:none!important;border-radius:6px;color:#000!important;cursor:pointer;font-weight:700;margin-top:1.5rem!important;padding:.75rem!important;width:100%!important}.auth-form h2{color:gold!important;font-family:Cinzel Decorative,serif!important;margin-bottom:1rem!important;text-align:center}.auth-form label{color:gold!important;display:block!important;font-size:.9rem!important;margin-bottom:.5rem!important}.auth-form a{color:gold!important;text-decoration:underline!important}}@media (max-width:600px){.device-frame{height:491px!important;padding:12px!important;width:274px!important}.avatars-grid{gap:1rem!important;grid-template-columns:repeat(3,1fr)!important;padding:1rem!important}.avatar-frame,.avatar-img-container{height:58px!important;width:58px!important}.avatar-label,.avatar-name{font-size:.6rem!important;max-width:70px!important}.chat-window .chat-header{padding:.25rem!important}.chat-title{font-size:1rem!important}.header-avatar{height:24px!important;width:24px!important}.chat-window .chat-input{padding:.75rem .9rem calc(.75rem + env(safe-area-inset-bottom, 1rem))!important}}@media (max-width:768px){.chat-sidebar{height:100%!important;position:absolute!important;transform:translateX(-100%)!important;transition:transform .3s ease!important;z-index:100!important}.chat-sidebar.open{box-shadow:2px 0 10px #0003!important;transform:translateX(0)!important}}@media (max-width:767px){.auth-page{align-items:center!important;background:#e8f0fe;background:var(--parchment-color);background-image:radial-gradient(2px 2px at 20px 40px,#ffffff4d,#0000),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");background-image:radial-gradient(2px 2px at 20px 40px,#ffffff4d,#0000),var(--parchment-noise);display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:100vh!important;padding:1rem!important}.auth-demo-container,.auth-form,.auth-page:before{display:none!important}.mobile-unified-device{display:block!important;height:80vh!important;max-height:700px!important;max-width:400px!important;width:90vw!important}}@media (min-width:768px){.mobile-unified-device{display:none!important}.auth-page{align-items:center!important;flex-direction:row!important;justify-content:center!important}.auth-page:before{background:linear-gradient(180deg,#ffffc833,gold,#ffffc833)!important;bottom:0!important;box-shadow:0 0 20px gold!important;content:""!important;display:block!important;left:50%!important;position:absolute!important;top:0!important;transform:translateX(-50%)!important;width:3px!important;z-index:1!important}.auth-demo-container{display:flex!important;flex:0 0 45%!important;margin-right:2.5%!important;max-width:45%!important}.auth-form{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#0006!important;border:1px solid gold!important;border-radius:12px!important;display:flex!important;flex:0 0 45%!important;flex-direction:column!important;margin-left:2.5%!important;max-width:380px!important;padding:1.5rem!important}}.mobile-unified-device{background:#111;border:1px solid #ffd7004d;border-radius:24px;box-shadow:0 0 0 6px #0a0a0a,0 0 0 8px gold,0 3px 20px #00000080;overflow:hidden;padding:12px;position:relative}.mobile-unified-screen{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14141ef2;border:1px solid #ffd7001a;border-radius:16px;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.mobile-unified-header{background:#0a0a14b3;border-bottom:1px solid #ffd7001a;color:gold;font-family:Cinzel Decorative,serif;font-size:1rem;padding:1rem;text-align:center}.mobile-unified-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1rem}.mobile-characters-section{flex:0 0 auto;margin-bottom:1.5rem}.mobile-characters-grid{grid-gap:.8rem;gap:.8rem;grid-template-columns:repeat(3,1fr);padding:.5rem}.mobile-character-card{border-radius:8px;padding:.5rem}.mobile-character-card:hover{background:#ffd7001a}.mobile-character-avatar{border:1px solid #ffd7004d;height:50px;margin-bottom:.3rem;object-fit:cover;transition:all .3s ease;width:50px}.mobile-character-card:hover .mobile-character-avatar{border-color:gold;box-shadow:0 0 8px #ffd70066}.mobile-character-name{font-size:.65rem;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-auth-section{border-top:1px solid #ffd70033;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding-top:1rem}.mobile-auth-form h3{color:gold;font-family:Cinzel Decorative,serif;font-size:1.1rem;margin-bottom:1rem;text-align:center}.mobile-auth-form label{color:gold;display:block;font-size:.85rem;margin-bottom:.3rem}.mobile-auth-form input{background:#ffffff0d;border:1px solid gold;border-radius:6px;box-sizing:border-box;color:gold;font-size:.9rem;margin-bottom:.8rem;padding:.6rem;width:100%}.mobile-auth-form input::placeholder{color:#ffd700b3}.mobile-auth-form button{background:gold;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:.9rem;font-weight:700;margin-top:.5rem;padding:.7rem;width:100%}.mobile-auth-form button:hover{background:gold}.mobile-auth-form p{font-size:.8rem;margin-top:1rem;text-align:center}.mobile-auth-form a{color:gold;text-decoration:underline}.mobile-error-text{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:4px;color:#ff6b6b;font-size:.8rem;margin-bottom:1rem;padding:.5rem;text-align:center}.chat-history.with-floating-avatar{padding-top:6rem}@media (max-width:600px){.chat-history.with-floating-avatar{padding-top:4.5rem}}.invite-suggestion.new-invite{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#141423cc;border:1px solid #ffd7004d;border-radius:8px;margin-top:1rem;padding:1rem}.invite-prompt{color:gold;font-size:.9em;margin-bottom:.75rem;text-align:center}.invite-buttons{gap:.5rem}.invite-button-with-avatar{align-items:center;background:#1a1a2ecc;border:1px solid gold;border-radius:6px;color:gold;cursor:pointer;display:flex;font-size:.85em;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.invite-button-with-avatar:hover:not(:disabled){background:#242438e6;border-color:#ffd700cc;box-shadow:0 0 8px #ffd7004d;transform:translateY(-1px)}.invite-button-with-avatar:disabled{cursor:not-allowed;opacity:.5}.invite-button-avatar{border:1px solid #ffd70080;height:20px;width:20px}.message-content{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0a0a1499;border:1px solid #ffd7001a;border-radius:8px;margin:.5rem 0;padding:1rem}.user-message .message-content{background:#141423b3;border-color:#ffd70033}.ai-message .message-content{background:#0f0f19cc;border-color:#ffd70026}.edit-button,.retry-button{background:#141423e6;border:1px solid #ffd70066;border-radius:4px;color:gold;cursor:pointer;margin-left:.5rem;opacity:0;padding:.25rem;transform:translateY(4px);transition:all .2s ease}.message-content:hover .edit-button,.message-content:hover .retry-button{opacity:1;transform:translateY(0)}.edit-button:hover,.retry-button:hover{background:#1e1e2de6;border-color:#ffd700b3;box-shadow:0 0 6px #ffd7004d}.message-icon{border:2px solid #ffd7004d;border-radius:50%;box-shadow:0 0 8px #ffd70033;height:40px;object-fit:cover;transition:all .3s ease;width:40px}.message-icon:hover{border-color:#ffd70099;box-shadow:0 0 12px #ffd70066;transform:scale(1.05)}.typing{align-items:center;display:inline-flex;gap:4px;padding:.5rem 0}.typing .dot{animation:typing-pulse 1.4s ease-in-out infinite both;background:gold;border-radius:50%;height:6px;width:6px}.typing .dot:first-child{animation-delay:-.32s}.typing .dot:nth-child(2){animation-delay:-.16s}.typing .dot:nth-child(3){animation-delay:0s}@keyframes typing-pulse{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.error-text{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:6px;color:#ff6b6b;font-size:.9em;margin:.5rem 0;padding:.75rem}.edit-textarea{background:#0a0a14e6;border:2px solid #ffd70066;border-radius:6px;color:#fff;font-family:inherit;font-size:inherit;line-height:1.4;padding:.75rem;transition:border-color .2s ease}.edit-textarea:focus{border-color:#ffd700b3;box-shadow:0 0 8px #ffd7004d;outline:none}.edit-buttons{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.75rem}.edit-buttons .cancel-button,.edit-buttons .send-button{background:#141423e6;border:1px solid #ffd70066;border-radius:4px;color:gold;cursor:pointer;font-size:.85em;padding:.5rem 1rem;transition:all .2s ease}.edit-buttons .cancel-button:hover,.edit-buttons .send-button:hover{background:#1e1e2de6;border-color:#ffd700b3;box-shadow:0 2px 8px #ffd70033;transform:translateY(-1px)}.edit-buttons .send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.edit-buttons .cancel-button{border-color:#ff6b6b66;color:#ff6b6b}.edit-buttons .cancel-button:hover{border-color:#ff6b6bb3}.chat-footer-note{background:#0a0a1480;border-top:1px solid #ffd7001a;color:#ffd70099;font-size:.8em;padding:1rem;text-align:center}.chat-history::-webkit-scrollbar{width:8px}.chat-history::-webkit-scrollbar-track{background:#1414234d;border-radius:4px}.chat-history::-webkit-scrollbar-thumb{background:#ffd70066;border-radius:4px}.chat-history::-webkit-scrollbar-thumb:hover{background:#ffd70099}.pane-invite-bar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#141423f2;border-bottom:1px solid #ffd70033;padding:.75rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.pane-invite-button{background:linear-gradient(135deg,#ffd70033,#ffd7001a);border:1px solid gold;border-radius:6px;color:gold;font-family:inherit;font-size:.9em;padding:.5rem 1.5rem;transition:all .2s ease}.pane-invite-button:hover{background:linear-gradient(135deg,#ffd7004d,#ffd70033);box-shadow:0 4px 12px #ffd7004d}*{transition-duration:.2s;transition-property:background-color,border-color,color,opacity,transform,box-shadow;transition-timing-function:ease}.invite-button-with-avatar:focus,button:focus,textarea:focus{outline:2px solid #ffd70099;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.typing .dot{animation:none;opacity:.8}}.app-container,body{animation:cosmicShift 90s ease-in-out infinite;background:linear-gradient(135deg,#050508,#080b12 25%,#060a15 50%,#040608 75%,#050508);background-size:400% 400%;min-height:100vh}body:before{background-image:radial-gradient(1px 1px at 30px 40px,#a0aab44d,#0000),radial-gradient(.5px .5px at 70px 90px,#96a0aa33,#0000),radial-gradient(1px 1px at 110px 50px,#aab4be40,#0000);opacity:.2}.chat-window{background-color:#050508!important;background-image:linear-gradient(135deg,#0a0a15,#0f1020 25%,#0d1425 50%,#081018 75%,#0a0a15)!important}.user-message,.user-message-container,.userMessage,.userMessageContainer{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:none!important;border:none!important;box-shadow:none!important}.user-message .speaker-label,.user-message .speakerLabel,.user-message strong:first-child,.userMessage .speaker-label,.userMessage .speakerLabel,.userMessage strong:first-child{display:none!important}.user-message{align-items:flex-start!important;justify-content:flex-end!important}.user-message .message-content{align-items:flex-end!important;display:flex!important;flex:none!important;flex-direction:column!important;margin-left:auto!important;margin-right:12px!important;max-width:60vw!important;min-width:0!important;width:auto!important}.user-message .message-content p{word-wrap:break-word!important;margin:0!important;max-width:100%!important;text-align:left!important;width:-webkit-fit-content!important;width:fit-content!important}.user-message .edit-button{align-self:flex-end!important;margin-top:4px!important}.prestige-hub{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a14f2;border-right:1px solid #ffd70033;bottom:0;top:0;transition:transform .3s ease;width:280px;z-index:900}.chat-panel-container{transition:margin-left .3s ease}.chat-panel-container.with-prestige-hub{margin-left:280px}.enhanced-characters-showcase{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1300px;perspective:1000px}.character-panel-container{cursor:pointer;height:400px;overflow:hidden;position:relative}.character-panel-flipper{height:100%;pointer-events:none;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);width:100%}.character-panel-flipper.flipped{transform:rotateY(180deg)}.character-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#ffffff14;border:1px solid #ffd7004d;border-radius:20px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #0003;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1.5rem;pointer-events:all;position:absolute;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.character-panel.back{transform:rotateY(180deg)}.character-panel:hover{border-color:#ffd70099;box-shadow:0 15px 40px #00000080,0 0 20px #ffd70026,inset 0 1px 0 #ffffff26}.category-label{color:gold;font-family:Cinzel Decorative,serif;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;text-shadow:0 0 8px #ffd70066;text-transform:uppercase}.character-image{border:3px solid gold;border-radius:50%;margin:0 auto 1rem;overflow:hidden;position:relative;transition:all .3s ease}.character-image.large{height:80px;width:80px}.character-image.small{border-width:2px;height:50px;width:50px}.character-image img{height:100%;object-fit:cover;width:100%}.image-fallback{align-items:center;background:linear-gradient(135deg,gold,#ffed4a);color:#1a1a2e;display:flex;font-weight:700;height:100%;justify-content:center;width:100%}.character-image.large .image-fallback{font-size:2rem}.character-image.small .image-fallback,.character-name{font-size:1.2rem}.character-name{color:gold;font-weight:600;margin-bottom:1rem}.character-description{color:#ffffffe6;flex-grow:1;font-size:.95rem;font-style:normal;font-weight:400;line-height:1.4;margin-bottom:1rem}.character-description,.chat-link{font-family:"Source Serif Pro",serif}.chat-link{background:#0000;border:2px solid gold;border-radius:25px;color:gold;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;overflow:hidden;padding:.6rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.chat-link:before{background:linear-gradient(135deg,gold,#ffed4a);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.chat-link:hover:before{left:0}.chat-link:hover{border-color:gold;color:#1a1a2e;transform:translateY(-2px)}.flip-hint{color:#ffffff8c;font-family:"Source Serif Pro",serif;font-size:.7rem;font-style:italic;font-weight:300;margin-top:.5rem}.category-characters-grid{grid-gap:.8rem;display:grid;flex-grow:1;gap:.8rem;grid-template-columns:repeat(3,1fr);margin:1rem 0}.mini-character{align-items:center;display:flex;flex-direction:column;gap:.5rem}.mini-character-name{color:#ffffffd9;font-family:"Source Serif Pro",serif;font-size:.7rem;font-weight:400;line-height:1.2;text-align:center}.category-description{color:#ffffffbf;font-family:Crimson Text,serif;font-size:.85rem;font-weight:400;line-height:1.4;margin-bottom:1rem}.category-link{background:#ffd7001a}@media (max-width:768px){.enhanced-characters-showcase{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:0 auto;padding:0 1rem;transform:none!important;width:100%}.character-panel-container{display:block;height:320px;margin:0 auto;min-height:320px;width:100%}.character-panel{height:100%;padding:1.2rem}.character-image.large{height:70px;width:70px}.character-name{font-size:1.1rem;margin:.8rem 0}.character-description{font-size:.9rem;margin-bottom:1.2rem}.chat-link{font-size:.9rem;min-height:48px;padding:.8rem}.category-characters-grid{gap:.8rem;grid-template-columns:repeat(3,1fr);margin:1rem 0}}@media (max-width:480px){.enhanced-characters-showcase{grid-template-columns:1fr;max-width:320px}.character-panel-container{height:300px;max-width:280px}.category-characters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.character-panel-flipper{height:100%;width:100%}.character-panel{padding:1rem;position:relative}.character-panel,.character-panel-back,.character-panel-front{display:flex;flex-direction:column;height:100%}.category-label{flex:0 0 auto}.character-image{flex:0 0 auto;margin:.5rem auto}.character-description{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}.chat-link{flex:0 0 auto;margin-top:auto}.character-panel-flipper{perspective:1000px;position:relative;transform:translateZ(0);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.character-panel,.character-panel-flipper{-webkit-backface-visibility:hidden;backface-visibility:hidden}.character-panel{height:100%;left:0;position:absolute;top:0;width:100%}.character-panel-flipper.flipped,.character-panel.back{transform:rotateY(180deg)}.character-panel-container{-webkit-backface-visibility:hidden;-webkit-perspective:1000;-webkit-transform:translateZ(0)}}@keyframes twinkle{0%,to{box-shadow:0 0 6px #fff3;opacity:.3;transform:scale(1)}50%{box-shadow:0 0 12px #fffc;opacity:1;transform:scale(1.2)}}.logo{color:gold;font-family:Cinzel,serif;font-size:1.75rem;font-weight:700;left:2rem;letter-spacing:.05em;margin:0;opacity:1;position:absolute;text-shadow:0 0 10px #ffd70080,0 0 20px #ffd7004d,0 0 30px #ffd70033;top:2rem;transition:opacity .3s ease;z-index:10}.desktop-mode .carousel-slide[data-screen="1"]~* .logo,.desktop-mode .carousel-slide[data-screen="2"]~* .logo{opacity:0;pointer-events:none}.carousel-container{height:100vh;overflow:hidden;position:relative;width:100%;z-index:2}.carousel-track{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;transform:translateZ(0);width:300%;will-change:transform}.carousel-slide{align-items:center;display:flex;flex-shrink:0;height:100%;justify-content:center;opacity:1;padding:2rem;visibility:visible;width:33.333%}.screen-content{max-width:1200px;opacity:1;position:relative;text-align:center;transform:translateY(0);transition:opacity .3s ease,transform .3s ease;width:100%}.carousel-slide[data-screen="0"] .screen-content{padding-top:6rem;transform:scale(.7);transform-origin:center}.carousel-slide[data-screen="1"] .screen-content,.carousel-slide[data-screen="2"] .screen-content{max-height:100vh;overflow-y:auto;padding-bottom:1rem;padding-top:1rem;transform:scale(.85);transform-origin:center}.hero-content{margin-bottom:3rem}.main-hero-headline{font-size:3rem;font-weight:700;line-height:1.2}.main-hero-headline,.secondary-tagline{color:#fff;font-family:Lora,serif;margin-bottom:1.5rem;text-align:center;text-shadow:0 2px 4px #0000004d}.secondary-tagline{font-size:1.6rem;font-weight:500;line-height:1.3}.highlight-gold{color:gold;text-shadow:0 0 8px #ffd70066}.hero-subtitle{color:#ffffffe6;font-size:1.2rem;font-weight:400;line-height:1.6;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-primary,.hero-subtitle{font-family:Inter,sans-serif}.cta-primary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000;border:3px solid gold;border-radius:50px;box-shadow:0 0 20px #ffd7004d,inset 0 0 20px #ffd7000d;color:gold;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;overflow:hidden;padding:1.2rem 3rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-primary:before{background:linear-gradient(90deg,#0000,#ffd7001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cta-primary:hover:before{left:100%}.cta-primary:hover{background:#ffd7001a;border-color:#ffed4a;box-shadow:0 0 30px #ffd70080,0 8px 32px #ffd7004d,inset 0 0 30px #ffd70014;transform:translateY(-2px)}.social-proof-header{margin-bottom:2rem}.stars-rating{color:gold;display:block;font-size:1.8rem;margin-bottom:.8rem;text-shadow:0 0 10px #ffd70066}.proof-text{color:#ffffffe6;font-family:"Source Serif Pro",serif;font-size:1.1rem;font-weight:400}.tagline-below-rating{color:#ffffffd9;font-family:Crimson Text,serif;font-size:1rem;font-style:italic;font-weight:400;margin-top:.8rem}.section-title{color:gold;font-family:Cinzel Decorative,serif;font-size:2.2rem;margin-bottom:2rem;text-shadow:0 0 20px #ffd7004d}.conversation-examples-title{color:gold;font-family:Crimson Text,serif;font-size:1.4rem;font-style:italic;font-weight:600;line-height:1.3;margin-bottom:2rem;text-shadow:0 0 12px #ffd70066}.invitation-subtitle{color:#fffc;font-family:"Source Serif Pro",serif;font-size:1rem;font-weight:300;margin-bottom:2rem}.chat-examples{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin:0 auto 1.5rem;max-width:1000px}.chat-example{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffd7004d;border-radius:20px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff1a;overflow:hidden;transition:all .3s ease}.chat-example:hover{border-color:#ffd70080;box-shadow:0 15px 40px #00000080,0 0 20px #ffd7001f;transform:translateY(-5px)}.chat-header{align-items:center;background:#ffd70026;border-bottom:1px solid #ffd70033;display:flex;gap:1rem;padding:1rem 1.5rem}.chat-avatar{object-fit:cover}.chat-avatar,.chat-avatar-fallback{border:2px solid gold;border-radius:50%;height:40px;width:40px}.chat-avatar-fallback{align-items:center;background:linear-gradient(135deg,gold,#ffed4a);color:#1a1a2e;display:flex;font-size:1.2rem;font-weight:700;justify-content:center}.chat-character-name{color:gold;font-family:Inter,sans-serif;font-size:1rem;font-weight:600}.chat-messages{padding:1.5rem}.chat-message{display:flex;margin-bottom:1rem}.chat-message.user{justify-content:flex-end}.chat-message.ai{justify-content:flex-start}.message-bubble{background:#ffffff1a;border-radius:15px;font-family:"Source Serif Pro",serif;font-size:.9rem;font-weight:400;line-height:1.5;max-width:85%;padding:.8rem 1.2rem}.chat-message.user .message-bubble{background:linear-gradient(135deg,gold,#ffed4a);border-bottom-right-radius:5px;color:#1a1a2e}.chat-message.ai .message-bubble{background:#fff3;border-bottom-left-radius:5px;color:#fffffff2}.invitation-demo{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1.2fr .8fr;margin:0 auto;max-width:1000px}.demo-chat{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffd7004d;border-radius:24px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff1a;overflow:hidden;text-align:left}.chat-info{display:flex;flex-direction:column}.chat-name{color:gold;font-size:1.1rem;font-weight:600}.chat-name,.chat-status{font-family:Inter,sans-serif}.chat-status{color:#ffffffb3;font-size:.8rem}.invite-suggestions{animation:fadeInUp .5s ease-out;background:#ffd7001a;border:1px solid #ffd7004d;border-radius:15px;margin-top:1rem;padding:1.5rem}.invite-text{color:#ffffffe6;font-family:Crimson Text,serif;font-size:.95rem;font-weight:400;margin-bottom:1rem}.invite-buttons{gap:1rem;justify-content:center}.invite-button{background:#ffffff1a;border:2px solid #ffd70066;border-radius:25px;color:gold;display:flex;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.8rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.invite-button:before{background:linear-gradient(135deg,#ffd70033,#ffd7001a);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.invite-button:hover:before{left:0}.invite-button:hover{border-color:gold;box-shadow:0 8px 25px #ffd70033;transform:translateY(-2px)}.invite-avatar,.invite-avatar-fallback{border:2px solid gold;border-radius:50%;height:32px;object-fit:cover;width:32px}.invite-avatar-fallback{align-items:center;background:linear-gradient(135deg,gold,#ffed4a);color:#1a1a2e;display:flex;font-size:1rem;font-weight:700;justify-content:center}.demo-explanation{display:flex;flex-direction:column;text-align:left}.demo-explanation h3{color:gold;font-family:Cinzel Decorative,serif;font-size:1.6rem;margin-bottom:1.5rem;text-shadow:0 0 10px #ffd7004d}.demo-explanation ul{list-style:none;margin:0 0 2rem;padding:0}.demo-explanation li{color:#ffffffe6;font-family:"Source Serif Pro",serif;font-size:.95rem;font-weight:400;line-height:1.5;margin-bottom:1rem;padding-left:2rem;position:relative}.demo-explanation li:before{color:gold;content:"✨";font-size:1.2rem;left:0;position:absolute;top:0}.start-exploring{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000;border:3px solid gold;border-radius:40px;box-shadow:0 0 20px #ffd7004d,inset 0 0 20px #ffd7000d;color:gold;cursor:pointer;display:inline-block;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:700;overflow:hidden;padding:1rem 2.5rem;position:relative;text-decoration:none;transition:all .3s ease}.start-exploring:before{background:linear-gradient(90deg,#0000,#ffd7001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.start-exploring:hover:before{left:100%}.start-exploring:hover{background:#ffd7001a;border-color:#ffed4a;box-shadow:0 0 30px #ffd70080,0 10px 35px #ffd70066,inset 0 0 30px #ffd70014;transform:translateY(-3px)}.carousel-navigation{align-items:center;display:flex;flex-direction:column;gap:1.5rem;opacity:0;pointer-events:none;position:fixed;right:2rem;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:10}.carousel-navigation:hover,.desktop-mode:hover .carousel-navigation{opacity:.7;pointer-events:all}.carousel-navigation:hover{opacity:1}.nav-arrow{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0a0a1499;border:1px solid #ffd7004d;border-radius:50%;box-shadow:inset 0 1px 2px #0000004d,0 1px 3px #0006;color:gold;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:36px;justify-content:center;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:36px}.nav-arrow:disabled{cursor:not-allowed;opacity:.3;transform:none}.nav-arrow:not(:disabled):hover{background:#0f0f19cc;border-color:gold;box-shadow:inset 0 1px 2px #0003,0 2px 8px #ffd70033;transform:scale(1.1)}.carousel-dots{align-items:center;display:flex;flex-direction:column;gap:.8rem}.carousel-dot{background:#fff3;border:1px solid #ffd7004d;border-radius:50%;box-shadow:inset 0 1px 1px #0000004d;cursor:pointer;height:8px;position:relative;transition:all .3s ease;width:8px}.carousel-dot:disabled{cursor:not-allowed}.carousel-dot.active{background:gold;border-color:gold;box-shadow:0 0 8px #ffd70066,inset 0 1px 1px #fff3}.carousel-dot:not(:disabled):not(.active):hover{background:#ffd70080;border-color:gold;transform:scale(1.3)}.typing-cursor{animation:blink 1s infinite;color:gold;font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.mobile-mode .progress-bar{animation:progress 4s linear infinite;background:linear-gradient(90deg,gold,#ffed4a);height:3px;left:0;position:fixed;top:0;z-index:30}@keyframes progress{0%{width:0}to{width:100%}}.mobile-panels-container{height:100vh;overflow:hidden;position:relative;z-index:2}.mobile-panels-track{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100vh;transform:translateZ(0);width:600%;will-change:transform}.mobile-panel{align-items:center;display:flex;flex-direction:column;flex-shrink:0;height:100vh;justify-content:center;padding:2rem 1.5rem;position:relative;text-align:center;width:16.666%}.mobile-panel.night-sky{background:linear-gradient(135deg,#1a1a2e,#0f0f1e)}.mobile-panel.crimson-mystery{background:linear-gradient(135deg,#2d1b1b,#4a1a1a)}.mobile-panel.emerald-depths{background:linear-gradient(135deg,#1a2d1b,#1a4a1a)}.mobile-panel.royal-purple{background:linear-gradient(135deg,#2d1b2d,#4a1a4a)}.mobile-panel.golden-wisdom{background:linear-gradient(135deg,#2d2a1b,#4a3f1a)}.mobile-panel.midnight-experts{background:linear-gradient(135deg,#0f0f2e,#1a1a3e)}.mobile-character-avatar{animation:float 3s ease-in-out infinite;border:4px solid gold;border-radius:50%;box-shadow:0 0 40px #ffd70066,0 0 20px #ffd70099,inset 0 0 20px #0000004d;height:288px;margin-bottom:2rem;overflow:hidden;width:288px}.avatar-image{height:100%;object-fit:cover;width:100%}.avatar-image-fallback{background:linear-gradient(135deg,gold,#ffed4a);color:#1a1a2e;font-size:2rem;font-weight:700;height:100%;width:100%}.avatar-image-fallback,.dual-avatars{align-items:center;display:flex;justify-content:center}.dual-avatars{gap:2rem;margin-bottom:2rem;position:relative}.dual-avatars:before{animation:fadeInUp .8s ease-out 2.5s forwards;color:gold;content:"+";font-size:2rem;font-weight:700;left:50%;opacity:0;position:absolute;text-shadow:0 0 10px #ffd70080;top:50%;transform:translate(-50%,-50%)}.expert-avatar{animation:float 3s ease-in-out infinite;border:3px solid gold;border-radius:50%;box-shadow:0 0 30px #ffd7004d,0 0 15px #ffd70080,inset 0 0 15px #0000004d;height:192px;overflow:hidden;position:relative;width:192px}.expert-avatar:first-child{animation-delay:-1s}.expert-avatar:nth-child(3){animation-delay:-2s}.mobile-streaming-container{align-items:center;display:flex;flex-direction:column;height:200px;justify-content:center;margin-bottom:3rem}.mobile-character-name{animation:fadeInUp .8s ease-out .5s forwards;font-family:Cinzel Decorative,serif;font-size:1.6rem;font-weight:600;margin-bottom:1rem;opacity:0;text-shadow:0 0 10px #ffd70066}.mobile-streaming-tagline{align-items:center;color:#ffffffe6;display:flex;font-size:1.4rem;font-weight:400;justify-content:center;line-height:1.4;min-height:80px;text-align:center}.mobile-typewriter{animation:typewriter 2s steps(40) 1.5s forwards;overflow:hidden;white-space:nowrap;width:0}.mobile-cursor{animation:blink 1s infinite;background-color:gold;border-radius:50%;display:inline-block;height:6px;margin-left:6px;width:6px}@keyframes typewriter{0%{width:0}to{width:100%}}.mobile-action-icons{animation:fadeInUp .8s ease-out 3s forwards;display:flex;gap:1rem;margin-top:1rem;opacity:0}.mobile-action-icon{align-items:center;background:#ffffff1a;border:1px solid #ffd7004d;border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.mobile-action-icon,.mobile-cta-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:gold}.mobile-cta-button{animation:fadeInUp .8s ease-out 4s forwards;background:#0000;border:3px solid gold;border-radius:50px;bottom:3rem;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;left:50%;opacity:0;padding:1rem 3rem;position:absolute;text-decoration:none;transform:translateX(-50%);transition:all .3s ease}.mobile-cta-button:hover{background:#ffd7001a;box-shadow:0 0 30px #ffd70066;transform:translateX(-50%) translateY(-5px)}.mobile-panel-indicators{bottom:1rem;display:flex;gap:.8rem;left:50%;position:fixed;transform:translateX(-50%);z-index:20}.mobile-indicator{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.mobile-indicator.active{background:gold;box-shadow:0 0 10px #ffd70099}.mobile-indicator:hover:not(.active){background:#ffd70080;transform:scale(1.2)}.mobile-swipe-hint{animation:fadeInUp .8s ease-out 5s forwards;bottom:6rem;color:#ffffff80;font-size:.9rem;left:50%;opacity:0;position:absolute;transform:translateX(-50%)}.desktop-mode .mobile-panel-indicators,.desktop-mode .mobile-panels-container,.desktop-mode .progress-bar,.mobile-mode .carousel-container,.mobile-mode .carousel-navigation{display:none}.mobile-mode .logo{opacity:1!important;pointer-events:auto!important}@media (max-width:1024px) and (min-width:769px){.main-hero-headline{font-size:2.5rem}.secondary-tagline{font-size:1.4rem}.chat-examples{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.chat-examples .chat-example:nth-child(3){display:none}.invitation-demo{gap:2rem;grid-template-columns:1fr;text-align:center}}@media (max-width:768px){.logo{font-size:1.4rem;left:1.5rem;top:1.5rem}.mobile-character-avatar{height:256px;width:256px}.expert-avatar{height:112px;width:112px}.mobile-character-name{font-size:1.4rem}.mobile-streaming-tagline{font-size:1.2rem}.mobile-action-icons{gap:.8rem}.mobile-action-icon{font-size:1rem;height:35px;width:35px}.mobile-cta-button{font-size:1rem;padding:.8rem 2.5rem}.dual-avatars{gap:1.5rem}.dual-avatars:before{font-size:1.5rem}}@media (max-width:480px){.logo{font-size:1.2rem;left:1rem;top:1rem}.mobile-character-avatar{height:144px;width:144px}.expert-avatar{height:96px;width:96px}.mobile-character-name{font-size:1.2rem}.mobile-streaming-tagline{font-size:1.1rem}.mobile-action-icons{flex-wrap:wrap;gap:.6rem;justify-content:center}.mobile-action-icon{font-size:.9rem;height:32px;width:32px}.mobile-cta-button{font-size:.95rem;padding:.7rem 2rem}.dual-avatars{gap:1rem}.dual-avatars:before{font-size:1.2rem}.mobile-panel-indicators{bottom:.5rem;gap:.6rem}.mobile-indicator{height:6px;width:6px}}@media (max-width:768px) and (orientation:landscape){.mobile-character-avatar{height:120px;width:120px}.expert-avatar{height:90px;width:90px}.mobile-streaming-container{height:150px;margin-bottom:2rem}.mobile-character-name{font-size:1.2rem;margin-bottom:.5rem}.mobile-streaming-tagline{font-size:1rem;min-height:60px}.mobile-action-icons{margin-top:.5rem}.mobile-cta-button{bottom:2rem;font-size:.9rem;padding:.6rem 2rem}.mobile-swipe-hint{bottom:4rem;font-size:.8rem}}.carousel-dot:focus,.cta-primary:focus,.invite-button:focus,.mobile-cta-button:focus,.mobile-indicator:focus,.nav-arrow:focus{outline:3px solid #ffd70099;outline-offset:2px}@media (prefers-contrast:high){.chat-example,.demo-chat,.mobile-panel{border-width:2px}.carousel-dot,.mobile-indicator,.nav-arrow{border-width:3px}}@media (prefers-reduced-motion:reduce){.character-avatar,.expert-avatar,.mobile-character-avatar,.star{animation:none}.carousel-track,.mobile-panels-track{transition:none}.mobile-typewriter,.typewriter{animation:none;width:100%}.cursor,.mobile-cursor,.typing-cursor{animation:none;opacity:.7}.progress-bar{animation:none;width:100%}.chat-link:before,.cta-primary:before,.invite-button:before,.start-exploring:before{animation:none;transition:none}}.carousel-track,.mobile-panels-track{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.character-avatar,.expert-avatar,.mobile-character-avatar{will-change:transform}.avatar-image,.chat-avatar,.invite-avatar{-webkit-user-drag:none;user-drag:none;pointer-events:none;-webkit-user-select:none;user-select:none}body{overscroll-behavior-y:none}@media (max-width:768px){.mobile-panel{padding-bottom:max(2rem,env(safe-area-inset-bottom) + 1rem);padding-left:max(1.5rem,env(safe-area-inset-left) + .5rem);padding-right:max(1.5rem,env(safe-area-inset-right) + .5rem)}.logo{left:max(1.5rem,env(safe-area-inset-left) + .5rem);top:max(1.5rem,env(safe-area-inset-top) + .5rem)}.mobile-panel-indicators{bottom:max(1rem,env(safe-area-inset-bottom) + .5rem)}}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden;scroll-behavior:smooth}.landing-container{background:#1a1a2e;color:#fff;font-family:Inter,sans-serif;height:100vh;overflow:hidden;position:relative}.resize-transition{align-items:center;background:#1a1a2e;display:flex;height:100vh;justify-content:center}.loading-indicator{animation:spin 1s linear infinite;border:3px solid #ffd7004d;border-radius:50%;border-top-color:gold;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stars{height:100%;left:0;overflow:hidden;pointer-events:none;top:0;width:100%;z-index:1}.star,.stars{position:absolute}.star{animation:twinkle 4s ease-in-out infinite;background:#ffffffe6;border-radius:50%;box-shadow:0 0 6px #fff9;height:2px;width:2px}.star:nth-child(3n){box-shadow:0 0 8px #fffc;height:3px;width:3px}.star:nth-child(7n){box-shadow:0 0 4px #fff6;height:1px;width:1px}.mobile-mode .mobile-character-avatar{height:288px!important;width:288px!important}.mobile-mode .expert-avatar{height:192px!important;width:192px!important}@media (max-width:768px){.mobile-mode .mobile-character-avatar{height:256px!important;width:256px!important}.mobile-mode .expert-avatar{height:112px!important;width:112px!important}}@media (max-width:480px){.mobile-mode .mobile-character-avatar{height:144px!important;width:144px!important}.mobile-mode .expert-avatar{height:96px!important;width:96px!important}}@media (max-width:768px) and (orientation:landscape){.mobile-mode .mobile-character-avatar{height:192px!important;width:192px!important}.mobile-mode .expert-avatar{height:144px!important;width:144px!important}}.elegant-portrait-container{align-items:center;background:#0000;display:flex;height:100%;justify-content:center;overflow:visible;position:relative;width:100%}.elegant-portrait-container:before{display:none}.character-showcase{max-width:500px;padding:0 2rem;position:relative;text-align:center;width:100%;z-index:2}.portrait-frame{background:#0000004d;border:3px solid gold;border-radius:50%;box-shadow:0 0 30px #ffd70066,0 0 60px #ffd70033,inset 0 0 20px #ffd7001a;height:280px;margin:0 auto 2rem;overflow:hidden;position:relative;transition:all 1.2s cubic-bezier(.4,0,.2,1);width:280px}.portrait-frame.active{border-color:gold;box-shadow:0 0 40px #ffd70099,0 0 80px #ffd7004d,inset 0 0 30px #ffd70026}.portrait-frame:before{display:none}.character-portrait{filter:grayscale(10%) brightness(1.1) contrast(1.05);height:100%;left:0;object-fit:cover;object-position:center center;opacity:0;position:absolute;top:0;transform:scale(1.1);transition:all 1.2s cubic-bezier(.4,0,.2,1);width:100%}.character-portrait.active{opacity:1;transform:scale(1)}.portrait-fallback{align-items:center;background:radial-gradient(circle,#ffd7001a 0,#ffd7000d 70%,#0000 100%);display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.fallback-text{color:#ffd700b3;font-size:1rem;line-height:1.3;padding:1rem;text-align:center}.character-name,.fallback-text{font-family:Cinzel Decorative,serif}.character-name{color:#ffd700e6;font-size:1.8rem;font-weight:400;letter-spacing:1px;margin-bottom:.5rem;opacity:0;transform:translateY(20px);transition:all 1s ease .3s}.character-name.active{opacity:1;transform:translateY(0)}.character-title{color:#fff9;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0 auto;max-width:300px;opacity:0;transform:translateY(20px);transition:all 1s ease .5s}.character-title.active{opacity:1;transform:translateY(0)}.portrait-indicators{bottom:3rem;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:3}.indicator{background:#fff3;border:none;border-radius:50%;cursor:pointer;height:6px;padding:0;transition:all .4s ease;width:6px}.indicator.active{background:#ffd700cc;transform:scale(1.2)}.indicator:hover{background:#ffd70080}.indicator:focus{outline:2px solid #ffd70066;outline-offset:2px}@media (prefers-reduced-motion:no-preference){.portrait-frame{animation:circularGlow 8s ease-in-out infinite}@keyframes circularGlow{0%,to{box-shadow:0 0 30px #ffd70066,0 0 60px #ffd70033,inset 0 0 20px #ffd7001a}50%{box-shadow:0 0 40px #ffd70099,0 0 80px #ffd7004d,inset 0 0 30px #ffd70026}}}@media (max-width:1200px){.portrait-frame{height:240px;width:240px}.character-name{font-size:1.6rem}.character-title{font-size:.9rem}}@media (max-width:900px){.character-showcase{padding:0 1rem}.portrait-frame{height:200px;width:200px}.character-name{font-size:1.4rem}.portrait-indicators{bottom:2rem}}@media (max-width:768px){.elegant-portrait-container{display:none}}.character-showcase.loading .character-name,.character-showcase.loading .character-title{opacity:.5}@media (prefers-reduced-motion:reduce){.character-name,.character-portrait,.character-title,.portrait-frame{transition-duration:.3s}.portrait-frame{animation:none}}.unified-mobile-auth{display:none}@media (max-width:768px){.unified-mobile-auth{align-items:center;background:#0000;display:flex;justify-content:center;min-height:100vh;padding:1rem;position:relative;z-index:1}.auth-demo-container,.auth-form{display:none!important}}.mobile-device-frame{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111111e6;border-radius:25px;box-shadow:0 0 0 6px #0a0a0acc,0 0 0 8px gold,0 4px 25px #00000080;height:600px;max-width:350px;padding:12px}.mobile-device-frame,.mobile-screen{overflow:hidden;position:relative;width:100%}.mobile-screen{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14141ebf;border:1px solid #ffd7001a;border-radius:18px;display:flex;flex-direction:column;height:100%}.mobile-screen:before{display:none}.character-selection-view{display:flex;flex:1 1;flex-direction:column;padding:1.5rem 1rem;position:relative;z-index:2}.mobile-header{margin-bottom:2rem;text-align:center}.mobile-header h2{color:gold;font-family:Cinzel Decorative,serif;font-size:1.5rem;margin-bottom:.5rem;text-shadow:0 0 15px #ffd7004d}.mobile-header p{color:#ffffffb3;font-family:Inter,sans-serif;font-size:.9rem;margin:0}.back-btn{background:none;border:none;color:gold;cursor:pointer;font-size:1rem;margin-bottom:1rem;padding:.5rem;transition:color .3s ease}.back-btn:hover{color:#fff}.mobile-characters-grid{grid-gap:1rem;align-content:start;display:grid;flex:1 1;gap:1rem;grid-template-columns:repeat(2,1fr)}.mobile-character-card{align-items:center;background:#ffffff05;border:1px solid #ffd7001a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:1rem .5rem;position:relative;transition:all .3s ease}.mobile-character-card.selected,.mobile-character-card:hover{background:#ffd7000d;border-color:#ffd7004d;transform:translateY(-2px)}.mobile-character-avatar{height:60px;margin-bottom:.5rem;position:relative;width:60px}.mobile-character-avatar img{border:2px solid #ffd7004d;border-radius:50%;height:100%;object-fit:cover;transition:all .3s ease;width:100%}.mobile-character-card.selected .mobile-character-avatar img,.mobile-character-card:hover .mobile-character-avatar img{border-color:gold;box-shadow:0 0 15px #ffd70066}.character-glow{background:radial-gradient(circle,#ffd70033,#0000 70%);border-radius:50%;bottom:-3px;filter:blur(4px);left:-3px;opacity:0;position:absolute;right:-3px;top:-3px;transition:all .3s ease}.mobile-character-card.selected .character-glow,.mobile-character-card:hover .character-glow{opacity:1}.mobile-character-name{color:gold;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;line-height:1.2;text-align:center}.mobile-continue-hint{background:#ffd7000d;border:1px solid #ffd7001a;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.mobile-continue-hint p{color:#fff9;font-family:Inter,sans-serif;font-size:.85rem;font-style:italic;margin:0}.form-view{display:flex;flex:1 1;flex-direction:column;height:100%;position:relative;z-index:2}.form-header{flex-shrink:0;padding:1.5rem 1rem 0}.form-header h2{color:gold;font-family:Cinzel Decorative,serif;font-size:1.5rem;margin-bottom:.5rem;margin-top:0;text-align:center;text-shadow:0 0 15px #ffd7004d}.form-content{flex:1 1;overflow-y:auto;padding:1rem 1rem .5rem}.form-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14141ee6;border-top:1px solid #ffd7001a;flex-shrink:0;padding:.5rem 1rem 1.5rem}.selected-guide{align-items:center;background:#ffd7000d;border:1px solid #ffd70033;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.guide-avatar{border:2px solid gold;border-radius:50%;height:40px;object-fit:cover;width:40px}.selected-guide p{color:#fffc;font-family:Inter,sans-serif;font-size:.9rem;margin:0}.selected-guide strong{color:gold}.mobile-auth-form{width:100%}.form-group{margin-bottom:1.5rem}.form-group label{color:#ffd700e6;display:block;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input{background:#ffffff08;border:1px solid #ffd70033;border-radius:8px;box-sizing:border-box;color:#fff;font-family:Inter,sans-serif;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-group input:focus{background:#ffffff0d;border-color:#ffd70080;box-shadow:0 0 0 2px #ffd7001a;outline:none}.form-group input::placeholder{color:#fff6}.mobile-error{background:#ff52521a;border:1px solid #ff52524d;border-radius:6px;color:#ff8a8a;font-size:.85rem;padding:.75rem;text-align:center}.mobile-error,.mobile-submit-btn{font-family:Inter,sans-serif;margin-bottom:1rem}.mobile-submit-btn{background:linear-gradient(135deg,#ffd700cc,#ffd700e6);border:none;border-radius:8px;color:#1a1a2e;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.mobile-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffd700e6,gold);box-shadow:0 6px 20px #ffd7004d;transform:translateY(-2px)}.mobile-submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.mobile-switch-mode{text-align:center}.mobile-switch-mode p{color:#fff9;font-family:Inter,sans-serif;font-size:.85rem;margin:0}.mobile-switch-mode a{color:gold;font-weight:500;text-decoration:none;transition:all .3s ease}.mobile-switch-mode a:hover{color:#fff;text-shadow:0 0 8px #ffd70080}.mobile-legal-text{background:#ffd70005;border:1px solid #ffd7001a;border-radius:8px;margin:1rem 0 0;padding:.75rem;text-align:center}.mobile-legal-text p{color:#fff9;font-family:Inter,sans-serif;font-size:.7rem;line-height:1.4;margin:0}.mobile-legal-text a{border-bottom:1px solid #0000;color:#ffd700cc;text-decoration:none;transition:all .3s ease}.mobile-legal-text a:hover{border-bottom:1px solid #ffd70066;color:gold;text-shadow:0 0 6px #ffd70066}.form-content::-webkit-scrollbar{width:4px}.form-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.form-content::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:2px}.form-content::-webkit-scrollbar-thumb:hover{background:#ffd70080}.showcase-legal-text{bottom:2rem;left:2rem;position:absolute;right:2rem;text-align:center}.auth-page{background:radial-gradient(ellipse at top,#101428cc,#080a19f2),linear-gradient(135deg,#0a0a15,#1a1a2e 50%,#16213e);display:flex;min-height:100vh;overflow:visible}.auth-demo-container{align-items:center;background:#0000;display:flex;flex:1 1;justify-content:center;padding:0;z-index:1}.auth-form{animation:float 6s ease-in-out infinite;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:linear-gradient(135deg,#ffffff05,#ffd70008);border:1px solid #ffd70033;border-radius:14px;box-shadow:0 0 40px #ffd7001a,0 12px 28px #0000004d,inset 0 1px 0 #ffffff1a;flex:0 0 232px;margin:auto 1.6rem auto 0;padding:1.6rem 1.4rem;position:relative;z-index:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-form h2{color:gold;font-family:Cinzel Decorative,serif;font-size:1.3rem;font-weight:400;margin-bottom:1.2rem;text-align:center;text-shadow:0 0 20px #ffd7004d}.auth-form label{color:#ffffffe6;display:block;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.3px;margin-bottom:.3rem;margin-top:1rem}.auth-form input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffd70033;border-radius:8px;box-sizing:border-box;color:#fff;font-family:Inter,sans-serif;font-size:.8rem;padding:.7rem;transition:all .3s ease;width:100%}.auth-form input:focus{background:#ffffff0d;border-color:#ffd70080;box-shadow:0 0 0 2px #ffd7001a,0 0 12px #ffd70033;outline:none}.auth-form input::placeholder{color:#fff6;font-size:.75rem}.auth-form button{background:linear-gradient(135deg,#ffd700cc,#ffd700e6);border:none;border-radius:8px;color:#1a1a2e;cursor:pointer;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-top:1.2rem;padding:.8rem;text-transform:uppercase;transition:all .3s ease;width:100%}.auth-form button:hover:not(:disabled){background:linear-gradient(135deg,#ffd700e6,gold);box-shadow:0 6px 16px #ffd7004d;transform:translateY(-2px)}.auth-form button:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-form p{color:#ffffffb3;font-family:Inter,sans-serif;font-size:.7rem;margin-top:1rem;text-align:center}.auth-form p a{color:gold;font-weight:500;text-decoration:none;transition:all .3s ease}.auth-form p a:hover{color:#fff;text-shadow:0 0 8px #ffd70080}.error-text,.success-text{border-radius:8px;font-family:Inter,sans-serif;font-size:.9rem;margin-bottom:1rem;padding:1rem;text-align:center}.error-text{background:#ff52521a;border:1px solid #ff52524d;color:#ff8a8a}.success-text{background:#52ffa81a;border:1px solid #52ffa84d;color:#52ffa8}@media (max-width:768px){.auth-page{flex-direction:column}.auth-demo-container{display:none}.auth-form{animation:none;flex:none;margin:1.2rem .8rem;padding:1.2rem 1rem}}@media (max-width:1200px){.auth-form{flex:0 0 210px;margin-right:1.2rem}}@media (max-width:900px){.auth-form{flex:0 0 190px;margin-right:.8rem;padding:1.4rem 1.2rem}.auth-form h2{font-size:1.2rem}}.auth-page:before{animation:starTwinkle 4s ease-in-out infinite alternate;background-image:radial-gradient(3px 3px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000),radial-gradient(3px 3px at 130px 80px,#fff,#0000),radial-gradient(2px 2px at 160px 30px,#fff,#0000),radial-gradient(1px 1px at 200px 120px,#fff,#0000),radial-gradient(3px 3px at 240px 60px,#fff,#0000),radial-gradient(2px 2px at 280px 140px,#fff,#0000),radial-gradient(2px 2px at 320px 90px,#fff,#0000),radial-gradient(1px 1px at 360px 170px,#fff,#0000);background-repeat:repeat;background-size:400px 200px;content:"";height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:10}@keyframes starTwinkle{0%{opacity:.8}to{opacity:1}}.auth-page{position:relative;z-index:0}.auth-page:before{z-index:1!important}.auth-demo-container,.auth-form{z-index:2}body:before{animation:starTwinkle 4s ease-in-out infinite alternate;background-image:radial-gradient(3px 3px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000),radial-gradient(3px 3px at 130px 80px,#fff,#0000),radial-gradient(2px 2px at 160px 30px,#fff,#0000),radial-gradient(1px 1px at 200px 120px,#fff,#0000);background-repeat:repeat;background-size:400px 200px;content:"";height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:999}.auth-legal-text{margin:1rem 0 .5rem;text-align:center}.auth-legal-text p{color:#fff9;font-family:Inter,sans-serif;font-size:.75rem;line-height:1.4;margin:0}.auth-legal-text a{border-bottom:1px solid #0000;color:#ffd700cc;text-decoration:none;transition:all .3s ease}.auth-legal-text a:hover{border-bottom:1px solid #ffd70080;color:gold;text-shadow:0 0 8px #ffd70066}.auth-demo-container{position:relative}.showcase-legal-text p{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffd70026;border-radius:8px;padding:.75rem 1rem}@media (max-width:768px){.showcase-legal-text{display:none}}.showcase-legal-text{bottom:1rem;left:1rem;position:fixed;right:50%;text-align:left;z-index:3}.showcase-legal-text p{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:none;border-radius:0;color:#ffffff80;font-family:Inter,sans-serif;font-size:.7rem;line-height:1.4;margin:0;padding:0}.showcase-legal-text a{border-bottom:1px solid #0000;color:#ffd700b3;text-decoration:none;transition:all .3s ease}.showcase-legal-text a:hover{border-bottom:1px solid #ffd70066;color:gold;text-shadow:0 0 6px #ffd70066}.Header_header__HXQOm{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#141423f2,#0f0f1ee6 25%,#191428e6 50%,#0a0a19f2);border-bottom:1px solid gold;box-shadow:0 1px 4px #0000004d,0 0 8px #ffd7001a,inset 0 1px 0 #ffd7000d;display:flex;justify-content:space-between;min-height:36px;padding:.4rem .8rem;position:relative;transition:transform 1s cubic-bezier(.19,1,.22,1);z-index:1000}.Header_header__HXQOm:before{background:radial-gradient(circle at 20% 50%,#ffd70005 0,#0000 50%),radial-gradient(circle at 80% 20%,rgba(255,215,0,.015) 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.Header_header__HXQOm>*{position:relative;z-index:2}.Header_title__x3ga3{animation:Header_titleGlow__UEKDs 4s ease-in-out infinite alternate;color:gold;font-family:Cinzel Decorative,serif;font-size:1.1rem;font-weight:700;letter-spacing:1px;margin:0;text-shadow:0 0 6px #ffd70066,0 0 12px #ffd70033,0 1px 2px #00000080;@media (max-width:768px){font-size:1rem;letter-spacing:.5px}}@keyframes Header_titleGlow__UEKDs{0%{text-shadow:0 0 6px #ffd70066,0 0 12px #ffd70033,0 1px 2px #00000080}to{text-shadow:0 0 8px #ffd70099,0 0 15px #ffd7004d,0 1px 3px #0009}}.Header_userSection__YhhPx{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffd7000a;border:1px solid #ffd70026;border-radius:16px;display:flex;gap:.5rem;padding:.25rem .6rem;position:relative;transition:all .3s ease;z-index:1001}.Header_userSection__YhhPx:hover{background:#ffd7000f;border-color:#ffd70040;box-shadow:0 0 8px #ffd70026}.Header_avatar__fR3aq{border:1px solid gold;border-radius:50%;box-shadow:0 0 4px #ffd7004d,0 1px 2px #0000004d;cursor:pointer;height:22px;object-fit:cover;transition:all .3s ease;width:22px}.Header_avatar__fR3aq:hover{border-color:#ffd700e6;box-shadow:0 0 6px #ffd70080,0 2px 4px #0006;transform:scale(1.05)}.Header_placeholder__5wPf9{background:#ffd70014;border:1px solid #ffd70026;border-radius:8px;color:#ffd700b3;font-family:Lora,serif;font-size:.75rem;font-weight:500;padding:.25rem .4rem;text-shadow:0 1px 1px #00000080;transition:all .3s ease}.Header_placeholder__5wPf9:hover{background:#ffd7001f;color:#ffd700e6}.Header_header__HXQOm:after{animation:Header_starfield__6nVkz 15s linear infinite;background-image:radial-gradient(.5px .5px at 15px 20px,#ffd70033,#0000),radial-gradient(.5px .5px at 35px 45px,#ffd70026,#0000),radial-gradient(.5px .5px at 75px 25px,#ffd70033,#0000);background-repeat:repeat;background-size:100px 60px;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@keyframes Header_starfield__6nVkz{0%{transform:translateX(0)}to{transform:translateX(-100px)}}@media (max-width:768px){.Header_header__HXQOm{min-height:32px;padding:.3rem .6rem}.Header_userSection__YhhPx{gap:.4rem;padding:.2rem .5rem}.Header_avatar__fR3aq{height:20px;width:20px}.Header_placeholder__5wPf9{font-size:.7rem;padding:.2rem .3rem}}@media (max-width:480px){.Header_header__HXQOm{min-height:30px;padding:.25rem .5rem}.Header_title__x3ga3{font-size:.9rem;letter-spacing:.3px}.Header_userSection__YhhPx{gap:.3rem;padding:.15rem .4rem}.Header_avatar__fR3aq{height:18px;width:18px}}@media (prefers-color-scheme:dark){.Header_header__HXQOm{background:linear-gradient(135deg,#0f0f19f2,#0a0a14e6 25%,#140f23e6 50%,#050514f2)}}@media (prefers-reduced-motion:reduce){.Header_header__HXQOm:after,.Header_title__x3ga3{animation:none}.Header_avatar__fR3aq,.Header_placeholder__5wPf9,.Header_userSection__YhhPx{transition:none}}.Header_header__HXQOm.Header_retracted__8Fp7k{left:0;opacity:.3;pointer-events:none;position:fixed;right:0;top:0;transform:translateY(-85%);z-index:1000}.Header_header__HXQOm.Header_retracted__8Fp7k .Header_showButton__aFN9o{pointer-events:auto}.Header_header__HXQOm.Header_retracted__8Fp7k:hover{opacity:.3;transform:translateY(-85%)}.Header_header__HXQOm.Header_retracted__8Fp7k:after{animation:Header_breathe__L8sX3 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,gold,#0000);bottom:0;content:"";height:2px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:20px;z-index:3}@keyframes Header_breathe__L8sX3{0%,to{opacity:.4;transform:translateX(-50%) scaleX(1)}50%{opacity:.8;transform:translateX(-50%) scaleX(1.1)}}.Header_showButton__aFN9o{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141423f2;border:1px solid gold;border-radius:0 0 8px 8px;bottom:-12px;box-shadow:0 2px 8px #ffd70033;color:gold;cursor:pointer;font-size:14px;left:50%;padding:4px 12px;position:absolute;transform:translateX(-50%);transition:all .3s ease;z-index:1002}.Header_showButton__aFN9o:hover{background:#1e1e2dfa;border-color:#ffd700cc;box-shadow:0 4px 12px #ffd70066;transform:translateX(-50%) scale(1.05)}.Header_showButton__aFN9o:active{background:#282837;transform:translateX(-50%) scale(.95)}@media (max-width:768px){.Header_header__HXQOm.Header_retracted__8Fp7k{transform:translateY(-90%)}.Header_header__HXQOm.Header_retracted__8Fp7k:after{height:1.5px;width:16px}.Header_showButton__aFN9o{bottom:-10px;font-size:12px;padding:3px 8px}}@media (max-width:480px){.Header_header__HXQOm.Header_retracted__8Fp7k{transform:translateY(-92%)}.Header_header__HXQOm.Header_retracted__8Fp7k:after{width:14px}.Header_showButton__aFN9o{padding:2px 6px}}@media (prefers-reduced-motion:reduce){.Header_header__HXQOm,.Header_showButton__aFN9o{transition:none}.Header_header__HXQOm.Header_retracted__8Fp7k:after{animation:none;opacity:.6}}.Header_header__HXQOm:not(.Header_retracted__8Fp7k){position:relative}.ProfileButton_container__Y2WtM{display:inline-block;position:relative;z-index:10000}.ProfileButton_trigger__hx\+C6{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:linear-gradient(135deg,#ffd7001f,#ffd7000f);border:1px solid #ffd7004d;border-radius:50%;box-shadow:0 1px 4px #00000040,0 0 6px #ffd70026;color:gold;cursor:pointer;padding:.4rem;position:relative;transition:all .3s ease;z-index:100}.ProfileButton_trigger__hx\+C6 svg{fill:gold;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4));height:16px;transition:all .3s ease;width:16px}.ProfileButton_trigger__hx\+C6:focus,.ProfileButton_trigger__hx\+C6:hover{background:linear-gradient(135deg,#ffd70033,#ffd7001f);border-color:#ffd70099;box-shadow:0 2px 6px #0000004d,0 0 12px #ffd7004d;transform:scale(1.03)}.ProfileButton_trigger__hx\+C6:focus svg,.ProfileButton_trigger__hx\+C6:hover svg{filter:drop-shadow(0 0 3px rgba(255,215,0,.5));transform:rotate(90deg)}.ProfileButton_trigger__hx\+C6:active{transform:scale(.98)}.ProfileButton_dropdown__04cS1{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#141423f5,#0f0f1eeb 25%,#191428eb 50%,#0a0a19f5);border:2px solid gold;border-radius:8px;box-shadow:0 6px 24px #0006,0 0 15px #ffd70033,inset 0 1px 0 #ffd70014;display:flex;flex-direction:column;gap:.15rem;min-width:180px;opacity:0;padding:.5rem;pointer-events:none;position:absolute;right:0;top:calc(100% + .3rem);transform:scale(.95) translateY(-8px);transform-origin:top right;transition:all .25s cubic-bezier(.34,1.56,.64,1);z-index:10001}.ProfileButton_dropdown__04cS1:before{background:radial-gradient(circle at 30% 40%,rgba(255,215,0,.015) 0,#0000 50%),radial-gradient(circle at 70% 80%,#ffd70003 0,#0000 50%);border-radius:6px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ProfileButton_dropdownOpen__T3j7u{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.ProfileButton_menuItem__nb3bB{align-items:center;background:none;border:1px solid #0000;border-radius:6px;color:#ffd700d9;cursor:pointer;display:flex;font-family:Lora,serif;font-size:.8rem;font-weight:500;gap:.6rem;justify-content:flex-start;overflow:hidden;padding:.5rem .7rem;position:relative;text-decoration:none;transition:all .3s ease}.ProfileButton_menuItem__nb3bB:before{background:linear-gradient(90deg,#0000,#ffd70014,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.ProfileButton_menuItem__nb3bB:focus:before,.ProfileButton_menuItem__nb3bB:hover:before{left:100%}.ProfileButton_menuItem__nb3bB:focus,.ProfileButton_menuItem__nb3bB:hover{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border-color:#ffd70040;box-shadow:0 1px 4px #00000026,0 0 8px #ffd7001f;color:gold;transform:translateX(3px)}.ProfileButton_menuItem__nb3bB:not(:last-child){border-bottom:1px solid #ffd7001f;margin-bottom:.15rem;padding-bottom:.5rem}.ProfileButton_icon__Z4YnQ{fill:currentColor;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));flex-shrink:0;height:16px;pointer-events:none;transition:all .3s ease;width:16px}.ProfileButton_menuItem__nb3bB:focus .ProfileButton_icon__Z4YnQ,.ProfileButton_menuItem__nb3bB:hover .ProfileButton_icon__Z4YnQ{filter:drop-shadow(0 0 3px rgba(255,215,0,.4));transform:scale(1.05)}.ProfileButton_trigger__hx\+C6:focus-visible{outline:2px solid #ffd70099;outline-offset:1px}.ProfileButton_menuItem__nb3bB:focus-visible{outline:2px solid #ffd70099;outline-offset:1px}@media (max-width:768px){.ProfileButton_trigger__hx\+C6{padding:.35rem}.ProfileButton_dropdown__04cS1{min-width:160px;right:-.3rem}.ProfileButton_menuItem__nb3bB{font-size:.75rem;padding:.4rem .6rem}}@media (max-width:480px){.ProfileButton_dropdown__04cS1{min-width:140px;right:-.5rem}.ProfileButton_menuItem__nb3bB{gap:.4rem;padding:.35rem .5rem}.ProfileButton_icon__Z4YnQ{height:14px;width:14px}}@media (prefers-reduced-motion:reduce){.ProfileButton_dropdown__04cS1,.ProfileButton_icon__Z4YnQ,.ProfileButton_menuItem__nb3bB,.ProfileButton_trigger__hx\+C6{transition:none}.ProfileButton_trigger__hx\+C6:hover svg{transform:none}.ProfileButton_menuItem__nb3bB:before{display:none}}.InputArea_wrapper__VCpNq{align-items:flex-end;background:#0a0a14cc;border:2px solid gold;border-radius:12px;box-sizing:border-box;display:flex;padding:1.5rem;width:100%}.InputArea_textarea__Y\+YXB{background:#0000;border:none;border-radius:0;box-shadow:none;color:#fff;flex:1 1;font-size:1rem;min-width:0;outline:none;padding:.5rem;resize:none}.InputArea_textarea__Y\+YXB::placeholder{color:#fff9}.InputArea_textarea__Y\+YXB:focus{background:#0000;border:none;box-shadow:none;outline:none}.InputArea_sendButton__LMAaC{align-items:center;background:gold;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-left:.5rem;padding:.5rem}.InputArea_sendButton__LMAaC:hover{transform:scale(1.05)}.InputArea_sendButton__LMAaC:active{transform:scale(.95)}@media (max-width:600px){.InputArea_wrapper__VCpNq{margin-bottom:1rem}}.emotion-ring{cursor:pointer;height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:80px;z-index:5}.emotion-ring.active{transform:translate(-50%,-50%) scale(1.05)}.ring-prestige,.ring-primary,.ring-secondary{border-radius:50%;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.ring-primary{animation:breathe 6s ease-in-out infinite;animation:breathe var(--breathing-speed,6s) ease-in-out infinite;border:3px solid gold;border:3px solid var(--ring-color,gold);opacity:.6;opacity:var(--ring-opacity,.6)}.ring-secondary{animation:breathe 6s ease-in-out infinite reverse;animation:breathe var(--breathing-speed,6s) ease-in-out infinite reverse;border:2px solid gold;border:2px solid var(--ring-color,gold);opacity:.3;opacity:calc(var(--ring-opacity, .6)*.5);transform:scale(1.1)}.ring-prestige{animation:prestigePulse 3s ease-in-out infinite;border:1px solid #ffd7004d;border:1px solid var(--prestige-color,#ffd7004d);opacity:.8;transform:scale(1.2)}.prestige-toggle-ring{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#ffd70026,#ffd70014);border:2px solid #ffd70066;border-radius:50%;color:#ffd700cc;cursor:pointer;display:flex;display:none!important;height:24px;justify-content:center;left:-25%;pointer-events:all!important;position:absolute;top:5%;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;width:24px;z-index:800!important}.emotion-ring.active .prestige-toggle-ring,.emotion-ring:hover .prestige-toggle-ring,.prestige-toggle-ring.active{display:flex!important;opacity:1;transform:scale(1);visibility:visible}.prestige-toggle-ring:hover{background:linear-gradient(135deg,#ffd70040,#ffd70026);border-color:#ffd70099;box-shadow:0 6px 20px #ffd7004d,0 0 30px #ffd70033;color:gold;transform:scale(1.1) translateY(-2px)}.prestige-toggle-ring:active{transform:scale(.95) translateY(0);transition:transform .1s ease}.prestige-toggle-ring.active{background:linear-gradient(135deg,#ffd7004d,#ffd70033);border-color:#ffd700cc;box-shadow:0 0 25px #ffd70080,inset 0 2px 10px #ffffff1a;color:gold}.prestige-crown-icon{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;width:100%}.prestige-crown-icon svg{height:10px;pointer-events:none;transition:transform .2s ease;width:10px}.prestige-toggle-ring:hover .prestige-crown-icon svg{transform:scale(1.1) rotate(5deg)}.prestige-toggle-tooltip{background:#000000e6;border:1px solid #ffd7004d;border-radius:6px;color:gold;font-size:.75rem;left:50%;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;top:-45px;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:1001}.prestige-toggle-ring:hover .prestige-toggle-tooltip{opacity:1}.discovery-count-badge{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:10px;box-shadow:0 2px 8px #ffd70066;color:#000;display:flex;font-size:.7rem;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:.2rem .4rem;pointer-events:none;position:absolute;right:-8px;top:-8px}@keyframes breathe{0%,to{opacity:.6;opacity:var(--ring-opacity,.6);transform:scale(1)}50%{opacity:.72;opacity:calc(var(--ring-opacity, .6)*1.2);transform:scale(1.03);transform:scale(var(--breathing-scale,1.03))}}@keyframes prestigePulse{0%,to{opacity:.3;transform:scale(1.2)}50%{opacity:.8;transform:scale(1.25)}}.ring-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.particle{background:gold;background:var(--ring-color,gold);border-radius:50%;height:4px;opacity:.8;position:absolute;width:4px}.particle-1{animation:particleFloat 3s ease-in-out infinite;left:80%;top:20%}.particle-2{animation:particleFloat 3s ease-in-out 1s infinite;left:20%;top:70%}.particle-3{animation:particleFloat 3s ease-in-out 2s infinite;left:90%;top:40%}@keyframes particleFloat{0%,to{opacity:.8;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-10px) scale(1.2)}}@media (max-width:600px){.emotion-ring{height:70px;width:70px}.prestige-toggle-ring{height:28px;left:-30%;top:2%;width:28px}.prestige-crown-icon svg{height:12px;width:12px}.prestige-toggle-tooltip{font-size:.7rem;padding:.4rem .6rem}}.prestige-toggle-ring:focus{outline:2px solid gold;outline-offset:2px}@media (prefers-reduced-motion:reduce){.prestige-crown-icon svg,.prestige-toggle-ring{transition:none}.ring-prestige,.ring-primary,.ring-secondary{animation:none}}.radial-menu{height:160px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:160px;z-index:3}.radial-menu.open{pointer-events:all}.radial-item{left:50%;opacity:0;pointer-events:none;position:absolute;scale:.5;top:50%;transform:translate(-50%,-50%) rotate(0deg) translateY(-60px) rotate(0deg);transform:translate(-50%,-50%) rotate(var(--angle,0deg)) translateY(-60px) rotate(calc(var(--angle, 0deg)*-1));transform-origin:center;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.radial-menu.open .radial-item{opacity:1;pointer-events:all;scale:1}.radial-menu.open .radial-back{transition-delay:.1s}.radial-menu.open .radial-participant:nth-child(2){transition-delay:.15s}.radial-menu.open .radial-participant:nth-child(3){transition-delay:.2s}.radial-menu.open .radial-participant:nth-child(4){transition-delay:.25s}.radial-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#141423e6;border:2px solid gold;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.radial-button:hover{background:#1e1e2df2;border-color:#ffd700e6;box-shadow:0 0 12px #ffd70066;transform:scale(1.1)}.radial-button svg{color:gold}.participant-button{overflow:hidden;padding:0}.participant-avatar{border-radius:50%;height:100%;object-fit:cover;width:100%}.radial-participant.suggested .radial-button{animation:suggestion-pulse 2s ease-in-out infinite;border-color:#e2a04a;box-shadow:0 0 16px #e2a04a99}.suggestion-glow{animation:glow-pulse 2s ease-in-out infinite;border:2px solid #e2a04a;border-radius:50%;bottom:-4px;left:-4px;opacity:.8;position:absolute;right:-4px;top:-4px}@keyframes suggestion-pulse{0%,to{box-shadow:0 0 16px #e2a04a99}50%{box-shadow:0 0 24px #e2a04ae6}}@keyframes glow-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.empty-button{background:#14142399;border-color:#ffd70066;cursor:default}.empty-button span{color:#ffd70099;font-size:16px}.radial-label{background:#000000b3;border-radius:4px;color:gold;font-size:11px;left:50%;margin-top:.5rem;opacity:0;padding:.25rem .5rem;position:absolute;top:100%;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap}.radial-item:hover .radial-label{opacity:1}@media (max-width:600px){.radial-menu{height:120px;width:120px}.radial-item{transform:translate(-50%,-50%) rotate(0deg) translateY(-45px) rotate(0deg);transform:translate(-50%,-50%) rotate(var(--angle,0deg)) translateY(-45px) rotate(calc(var(--angle, 0deg)*-1))}.radial-button{border-width:1.5px;height:32px;width:32px}.radial-button svg{height:14px;width:14px}.radial-label{font-size:10px;padding:.125rem .25rem}}.floating-avatar-container{left:50%;margin-top:1rem;pointer-events:none;position:fixed;top:2rem;transform:translateX(-50%);z-index:100}.floating-avatar-wrapper{cursor:pointer;height:80px;pointer-events:all;position:relative;width:80px}.floating-avatar-core{border-radius:50%;height:60px;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .3s ease;width:60px;z-index:2}.floating-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.floating-avatar-wrapper:hover .floating-avatar-core{transform:translate(-50%,-50%) scale(1.05)}.floating-avatar-debug{background:#000c;border-radius:4px;color:gold;font-size:10px;left:50%;margin-top:.5rem;opacity:.7;padding:.25rem .5rem;position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap}@media (max-width:600px){.floating-avatar-container{margin-top:2rem;top:1rem}.floating-avatar-wrapper{height:60px;width:60px}.floating-avatar-core{height:45px;width:45px}}.visibility-toggle{border:1px solid #ffd70066;color:gold;z-index:10}.visibility-toggle:hover{background:#000000e6;border-color:#ffd700cc}@media (max-width:600px){.visibility-toggle{font-size:8px;height:16px;width:16px}}.floating-avatar-container.prestige-mode{transform:translateX(-50%) scale(1.1);transition:all .4s cubic-bezier(.4,0,.2,1)}.floating-avatar-container.prestige-mode .floating-avatar-wrapper{position:relative}.floating-avatar-container.prestige-mode .floating-avatar-wrapper:before{animation:prestige-glow 3s ease-in-out infinite;background:linear-gradient(135deg,gold,orange) border-box;border:2px solid #0000;border-radius:50%;bottom:-8px;content:"";left:-8px;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;position:absolute;right:-8px;top:-8px}@keyframes prestige-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.emotion-ring.prestige-enhanced{--ring-opacity:0.9}.emotion-ring.prestige-enhanced .ring-primary{border-width:3px;box-shadow:0 0 20px var(--ring-color),inset 0 0 10px #ffffff1a}.emotion-ring.prestige-enhanced .ring-secondary{border-width:2px;opacity:.42;opacity:calc(var(--ring-opacity, .6)*.7)}.floating-avatar-container .prestige-toggle{align-items:center;background:linear-gradient(135deg,gold,orange);border:2px solid #0003;border-radius:50%;box-shadow:0 2px 8px #ffd7004d;color:#000;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;opacity:0;position:absolute;right:-12px;top:-12px;transition:all .3s ease;width:24px;z-index:15}.floating-avatar-container.active .prestige-toggle,.floating-avatar-container:hover .prestige-toggle{opacity:1}.prestige-toggle:hover{box-shadow:0 4px 16px #ffd70080;transform:scale(1.15)}.prestige-toggle.active{background:linear-gradient(135deg,orange,gold);box-shadow:0 0 16px #ffd70099,inset 0 2px 4px #ffffff4d}.radial-menu.prestige-enhanced .radial-item{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.radial-menu.prestige-enhanced.open .radial-item{transform:translate(-50%,-50%) rotate(0deg) translateY(-70px) rotate(0deg);transform:translate(-50%,-50%) rotate(var(--angle,0deg)) translateY(-70px) rotate(calc(var(--angle, 0deg)*-1))}.radial-menu.prestige-enhanced .radial-button{background:linear-gradient(135deg,#141423f2,#1e1e2de6);border:2px solid #ffd70099;box-shadow:0 4px 12px #0000004d,inset 0 2px 4px #ffffff1a}.radial-menu.prestige-enhanced .radial-button:hover{background:linear-gradient(135deg,#1e1e2dfa,#282837f2);border-color:#ffd700e6;box-shadow:0 6px 20px #ffd70033,inset 0 3px 6px #ffffff26;transform:scale(1.15)}.floating-avatar-container.prestige-active:after{animation:prestige-aura 4s ease-in-out infinite;background:radial-gradient(circle,#0000 30%,#ffd7001a 35%,#0000 40%);border-radius:50%;content:"";height:120px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px;z-index:0}@keyframes prestige-aura{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1) rotate(0deg)}25%{opacity:.8;transform:translate(-50%,-50%) scale(1.1) rotate(90deg)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(180deg)}75%{opacity:.8;transform:translate(-50%,-50%) scale(1.1) rotate(270deg)}}.chat-panel-container.with-prestige-hub .floating-avatar-container{filter:drop-shadow(0 0 10px rgba(255,215,0,.3))}.chat-panel-container.breathing-interface.with-prestige-hub .floating-avatar-container{transition:all .6s cubic-bezier(.4,0,.2,1)}.chat-panel-container.state-idle.with-prestige-hub .floating-avatar-container{opacity:.8;transform:translateX(-50%) scale(.95)}.chat-panel-container.state-focused.with-prestige-hub .floating-avatar-container{opacity:1;transform:translateX(-50%) scale(1.05)}.floating-avatar-debug.prestige-mode{background:linear-gradient(135deg,#ffd70026,#ffd7000d);border:1px solid #ffd7004d;box-shadow:0 4px 12px #ffd70033;color:gold}.floating-avatar-container.hub-hidden{filter:grayscale(.2);opacity:.7}.floating-avatar-container.hub-visible{filter:grayscale(0);opacity:1}@media (max-width:600px){.floating-avatar-container.prestige-mode{transform:translateX(-50%) scale(1.05)}.floating-avatar-container .prestige-toggle{font-size:10px;height:20px;right:-10px;top:-10px;width:20px}.radial-menu.prestige-enhanced.open .radial-item{transform:translate(-50%,-50%) rotate(0deg) translateY(-55px) rotate(0deg);transform:translate(-50%,-50%) rotate(var(--angle,0deg)) translateY(-55px) rotate(calc(var(--angle, 0deg)*-1))}.floating-avatar-container.prestige-active:after{height:90px;width:90px}}@media (prefers-reduced-motion:reduce){.floating-avatar-container.prestige-mode,.prestige-toggle,.radial-menu.prestige-enhanced .radial-button,.radial-menu.prestige-enhanced .radial-item{transition:none}.floating-avatar-container.prestige-active:after,.floating-avatar-container.prestige-mode .floating-avatar-wrapper:before{animation:none}@keyframes prestige-glow,
  @keyframes prestige-aura{0%,to{opacity:.8;transform:none}}}.prestige-toggle:focus{outline:2px solid #ffd700cc;outline-offset:2px}.floating-avatar-container.breathing-enabled.prestige-mode{--breathing-intensity:1.2}.floating-avatar-container.breathing-enabled.prestige-mode .emotion-ring{--breathing-scale:calc(var(--breathing-scale, 1.03)*var(--breathing-intensity, 1))}.floating-avatar-container.discovery-mode{animation:discovery-celebration 2s ease-in-out}@keyframes discovery-celebration{0%{transform:translateX(-50%) scale(1)}25%{transform:translateX(-50%) scale(1.15) rotate(5deg)}50%{transform:translateX(-50%) scale(1.2) rotate(-5deg)}75%{transform:translateX(-50%) scale(1.15) rotate(3deg)}to{transform:translateX(-50%) scale(1)}}.floating-avatar-container.new-discovery:before{animation:particle-burst 1.5s ease-out;background:gold;border-radius:50%;box-shadow:0 0 0 0 #ffd700cc,0 0 0 20px #ffd70099,0 0 0 40px #ffd70066,0 0 0 60px #ffd70033;content:"";height:4px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px;z-index:20}@keyframes particle-burst{0%{box-shadow:0 0 0 0 #ffd700cc,0 0 0 0 #ffd70099,0 0 0 0 #ffd70066,0 0 0 0 #ffd70033}to{box-shadow:0 0 0 20px #ffd70000,0 0 0 40px #ffd70000,0 0 0 60px #ffd70000,0 0 0 80px #ffd70000}}@media (prefers-color-scheme:dark){.floating-avatar-container.prestige-mode .floating-avatar-wrapper:before{background:linear-gradient(135deg,gold,#ff8c00) border-box}.prestige-toggle{background:linear-gradient(135deg,gold,#ff8c00);border-color:#0000004d}.radial-menu.prestige-enhanced .radial-button{background:linear-gradient(135deg,#0f0f19fa,#191923f2)}}@media (prefers-color-scheme:light){.floating-avatar-container.prestige-mode .floating-avatar-wrapper:before{background:linear-gradient(135deg,#b8860b,#daa520) border-box}.prestige-toggle{background:linear-gradient(135deg,#b8860b,#daa520);color:#fff}.radial-menu.prestige-enhanced .radial-button{background:linear-gradient(135deg,#f0f0f5fa,#fafafff2);border-color:#b8860b99}}.chat-history.with-floating-avatar.with-prestige-hub{padding-top:120px;transition:padding-top .4s ease}.chat-history.with-floating-avatar.with-prestige-hub.prestige-expanded{padding-top:140px}.floating-avatar-container[data-prestige-level=novice]{--prestige-intensity:0.6}.floating-avatar-container[data-prestige-level=explorer]{--prestige-intensity:0.8}.floating-avatar-container[data-prestige-level=scholar]{--prestige-intensity:1.0}.floating-avatar-container[data-prestige-level=master]{--prestige-intensity:1.2}.floating-avatar-container[data-prestige-level] .emotion-ring{--ring-opacity:calc(var(--prestige-intensity, 1)*0.6);--breathing-scale:calc(var(--prestige-intensity, 1)*1.03)}.floating-avatar-container.category-completed{animation:category-completion 3s ease-in-out}@keyframes category-completion{0%,to{filter:drop-shadow(0 0 10px rgba(255,215,0,.3));transform:translateX(-50%) scale(1)}20%{filter:drop-shadow(0 0 20px rgba(255,215,0,.8));transform:translateX(-50%) scale(1.3)}40%{filter:drop-shadow(0 0 15px rgba(255,215,0,.6));transform:translateX(-50%) scale(1.1)}60%{filter:drop-shadow(0 0 18px rgba(255,215,0,.7));transform:translateX(-50%) scale(1.2)}80%{filter:drop-shadow(0 0 12px rgba(255,215,0,.5));transform:translateX(-50%) scale(1.05)}}.floating-avatar-container .prestige-tooltip{background:linear-gradient(135deg,#000000e6,#141423e6);border:1px solid #ffd7004d;border-radius:8px;color:gold;font-size:.75rem;left:50%;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;top:-40px;transform:translateX(-50%);transition:all .3s ease;white-space:nowrap;z-index:25}.floating-avatar-container:hover .prestige-tooltip{opacity:1;transform:translateX(-50%) translateY(-4px)}.prestige-tooltip:after{border:6px solid #0000;border-top-color:#000000e6;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.prestige-hub,.prestige-hub-container,.prestige-toggle,.prestige-toggle-ring,[class*=prestige-hub],[class*=prestige]{display:none!important;opacity:0!important;visibility:hidden!important}.prestige-crown-icon,[class*=crown]{display:none!important}.prestige-hub{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:linear-gradient(145deg,#141423f2,#0a0a19e6);border:1px solid #ffd70033;border-left:none;border-radius:0 32px 32px 0;bottom:20px;box-shadow:0 32px 64px #0006,0 0 0 1px #ffd7001a,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;left:0;overflow:hidden;position:fixed;top:20px;transform:translateX(-100%);transition:all .6s cubic-bezier(.34,1.56,.64,1);width:360px;z-index:1000}.prestige-hub.visible{transform:translateX(0)}.prestige-header{background:linear-gradient(180deg,#ffd7000d,#0000);border-bottom:1px solid #ffd7001a;padding:32px 24px 24px;position:relative;text-align:center}.prestige-header h3{background:linear-gradient(135deg,gold,orange);font-family:Playfair Display,serif;font-size:24px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 16px}.completion-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffd7004d;border-radius:20px;box-shadow:0 8px 24px #0003,inset 0 1px 0 #fff3;display:inline-flex;flex-direction:column;padding:12px 20px;transition:all .3s ease}.completion-badge:hover{border-color:#ffd70080;transform:scale(1.05)}.percentage{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;line-height:1}.label{color:#ffffffb3;font-size:10px;font-weight:500;letter-spacing:1px;margin-top:4px;text-transform:uppercase}.prestige-categories{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px 24px 24px;scrollbar-color:#ffd7004d #0000;scrollbar-width:thin}.prestige-categories::-webkit-scrollbar{width:6px}.prestige-categories::-webkit-scrollbar-track{background:#0000}.prestige-categories::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:3px}.prestige-categories::-webkit-scrollbar-thumb:hover{background:#ffd70080}.prestige-category{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffd70026;border-radius:24px;box-shadow:0 8px 24px #00000026,inset 0 1px 0 #ffffff1a;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.prestige-category:hover{background:#ffffff14;border-color:#ffd7004d;box-shadow:0 16px 40px #0003,0 0 0 1px #ffd70033,inset 0 1px 0 #ffffff26;transform:translateY(-4px) scale(1.02)}.prestige-category:before{background:linear-gradient(90deg,#0000,#ffd7001a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:100%}.prestige-category:hover:before{left:100%}.category-content{align-items:flex-start;display:flex;gap:16px}.category-icon{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffd7001a;border:1px solid #ffd70033;border-radius:16px;box-shadow:0 4px 12px #0000001a,inset 0 1px 0 #ffffff1a;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;transition:all .3s ease;width:48px}.prestige-category:hover .category-icon{background:#ffd70026;border-color:#ffd70066;box-shadow:0 6px 18px #00000026,inset 0 2px 0 #fff3;transform:scale(1.1) rotate(5deg)}.category-info{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:0}.category-name{color:#fffffff2;font-size:17px;font-weight:600;letter-spacing:-.2px;line-height:1.3;margin:0}.progress-bar{border-radius:8px;box-shadow:inset 0 1px 2px #0003}.progress-fill{background:linear-gradient(90deg,#ffd700cc,#ffa50099);border-radius:8px;box-shadow:0 0 8px #ffd7004d;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1)}.category-stats{font-feature-settings:"tnum";align-self:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffd7001a;border:1px solid #ffd70033;border-radius:12px;color:#ffd700cc;font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;padding:6px 12px}.prestige-footer{background:linear-gradient(180deg,#0000,#ffd70008);border-top:1px solid #ffd7001a;color:#ffd70099;font-size:13px;font-style:italic;font-weight:400;padding:20px 24px 24px;text-align:center}@keyframes curvedSlideIn{0%{opacity:0;transform:translateX(-100%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.prestige-hub.visible{animation:curvedSlideIn .6s cubic-bezier(.34,1.56,.64,1)}@media (max-width:768px){.prestige-hub{border-left:none;border-radius:0 24px 24px 0;bottom:0;left:0;right:40px;top:0;width:auto}.prestige-header{padding:24px 20px 20px}.prestige-header h3{font-size:20px}.prestige-categories{padding:12px 20px 20px}.prestige-category{border-radius:20px;padding:16px}.category-icon{border-radius:12px;font-size:18px;height:40px;width:40px}.category-name{font-size:16px}.prestige-footer{padding:16px 20px 20px}}@media (prefers-contrast:high){.prestige-hub{background:#000;border:2px solid #fff}.prestige-category{background:#ffffff1a;border:1px solid #fff}.category-icon{background:#fff3;border:1px solid #fff}.prestige-header h3{-webkit-text-fill-color:#fff;background:none;color:#fff}.category-name{color:#fff}}@media (prefers-reduced-motion:reduce){.category-icon,.completion-badge,.prestige-category,.prestige-hub,.progress-fill{transition:none}.prestige-hub.visible{animation:none;transform:translateX(0)}.prestige-category:before{display:none}.prestige-category:hover{transform:none}}.invite-suggestion{background:#1e3c780d;border:1px solid #d4af37;border-radius:14px;box-shadow:0 1px 2px #0000000a,inset 0 1px 0 #ffffff0d;box-sizing:border-box;margin:8px 0 4px;max-width:100%;overflow:hidden;padding:12px 14px;position:relative;width:100%}.invite-suggestion:before{background:linear-gradient(90deg,#d4af37,#facc15,#d97706);border-radius:14px 14px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.invite-prompt{align-items:center;color:#d4af37;display:flex;font-family:Cinzel,serif;font-size:14px;font-weight:600;gap:6px;line-height:1.4;margin-bottom:10px}.invite-prompt:before{content:"✨";filter:drop-shadow(0 0 4px rgba(212,175,55,.4));flex-shrink:0;font-size:16px}.invite-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.invite-button{align-items:center;background-color:#1e3c781a;border:1px solid #d4af37;border-radius:999px;box-shadow:0 1px 2px #00000014;box-sizing:border-box;color:#d4af37;cursor:pointer;display:inline-flex;font-family:Cinzel,serif;font-size:13px;font-weight:500;gap:8px;max-width:100%;padding:6px 12px;text-transform:uppercase;transition:all .25s ease;white-space:nowrap}.invite-button:hover:not(:disabled){background-color:#1e3c7833;box-shadow:0 0 6px #d4af3766;transform:scale(1.05)}.invite-button:disabled{background-color:#7878781a;border-color:#aaa;color:#aaa;cursor:not-allowed;opacity:.6;transform:none}.invite-button-avatar{border:1px solid #fff9;border-radius:50%;box-shadow:0 1px 1px #0000001a;flex-shrink:0;height:22px;object-fit:cover;width:22px}.invite-button-with-avatar{padding-left:10px;padding-right:14px}.invite-suggestion.new-invite{animation:invitePulse 1.5s ease-in-out}@keyframes invitePulse{0%{box-shadow:0 0 0 0 #d4af3780}50%{box-shadow:0 0 0 8px #d4af3700}to{box-shadow:0 0 0 0 #d4af3700}}@media (max-width:640px){.invite-suggestion{margin:6px 0 3px;padding:10px}.invite-button{font-size:12px;gap:6px;padding:5px 10px}.invite-button-avatar{height:20px;width:20px}.invite-prompt{font-size:13px;margin-bottom:8px}.invite-buttons{gap:6px}}@media (min-width:1024px){.invite-suggestion{max-width:90%}.invite-buttons{gap:10px}.invite-button{font-size:14px;padding:8px 14px}}.message-content .invite-suggestion{margin:.75rem 0 .25rem}.message-content .invite-suggestion:last-child{margin-bottom:0}.message-content>:not(.invite-suggestion)+.invite-suggestion{margin-top:.75rem}.invite-button:focus{outline:2px solid #d4af3799;outline-offset:2px}@media (prefers-contrast:high){.invite-suggestion{background:#000c;border-width:2px}.invite-button{background:#000000e6;border-width:2px}}@media (prefers-reduced-motion:reduce){.invite-button{transition:none}.invite-button:hover{transform:none}.invite-suggestion.new-invite{animation:none}@keyframes invitePulse{0%,to{box-shadow:0 0 0 0 #d4af3780}}}.invite-button,.invite-buttons,.invite-prompt,.invite-suggestion{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.invite-buttons{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.invite-buttons::-webkit-scrollbar{display:none}.invite-button,.invite-prompt:before{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.pane-invite-bar{background:#1e3c7814;border-bottom:1px solid #d4af37;flex-shrink:0;padding:8px 16px;text-align:center}.pane-invite-button{background:#1e3c781a;border:1px solid #d4af37;border-radius:20px;color:#d4af37;cursor:pointer;font-family:Cinzel,serif;font-size:13px;font-weight:500;padding:6px 16px;text-transform:uppercase;transition:all .25s ease}.pane-invite-button:hover{background:#1e3c7833;box-shadow:0 2px 8px #d4af374d;transform:translateY(-1px)}.CharacterDetailPanel_overlay__7MzZS{animation:CharacterDetailPanel_fadeIn__KEABm .3s ease-out forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;height:100vh;left:0;opacity:0;position:fixed;top:0;width:100vw;z-index:1000}.CharacterDetailPanel_panel__Bq\+Ky{animation:CharacterDetailPanel_slideInCurved__bMln5 .6s cubic-bezier(.34,1.56,.64,1) forwards;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:linear-gradient(145deg,#141423f2,#0a0a19e6);border:1px solid #ffd70033;border-radius:32px;bottom:20px;box-shadow:0 32px 64px #0006,0 0 0 1px #ffd7001a,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;position:fixed;right:20px;top:20px;transform:translateX(100%);width:380px;z-index:1001}.CharacterDetailPanel_closeButton__AXTux{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fffc;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:24px;top:24px;transition:all .2s ease;width:32px;z-index:2}.CharacterDetailPanel_closeButton__AXTux:hover{background:#fff3;color:#fff;transform:scale(1.1)}.CharacterDetailPanel_header__UBNM9{padding:0;position:relative;text-align:center}.CharacterDetailPanel_panelImage__a5jaA{border:2px solid #ffd7004d;border-radius:24px;box-shadow:0 16px 32px #0000004d;height:280px;margin:24px;object-fit:cover;transition:all .3s ease;width:calc(100% - 48px)}.CharacterDetailPanel_panelImage__a5jaA:hover{border-color:#ffd70080;box-shadow:0 20px 40px #0006;transform:scale(1.02)}.CharacterDetailPanel_name__gbI71{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-size:28px;font-weight:700;line-height:1.2;margin:24px 24px 16px;text-align:center}.CharacterDetailPanel_content__tUy8W{flex:1 1;overflow-y:auto;padding:0 24px;scrollbar-color:#ffd7004d #0000;scrollbar-width:thin}.CharacterDetailPanel_content__tUy8W::-webkit-scrollbar{width:6px}.CharacterDetailPanel_content__tUy8W::-webkit-scrollbar-track{background:#0000}.CharacterDetailPanel_content__tUy8W::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:3px}.CharacterDetailPanel_content__tUy8W::-webkit-scrollbar-thumb:hover{background:#ffd70080}.CharacterDetailPanel_description__c7w\+4{color:#ffffffe6;font-size:16px;font-weight:400;letter-spacing:.2px;line-height:1.6;margin:0;text-align:left}.CharacterDetailPanel_footer__nnNAY{background:linear-gradient(180deg,#0000,#ffd7000d);border-top:1px solid #ffd7001a;padding:24px}.CharacterDetailPanel_cta__Rpb6L{background:linear-gradient(135deg,#ffd700e6,#ffa500cc);border:none;border-radius:16px;color:#141423f2;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;letter-spacing:.3px;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}.CharacterDetailPanel_cta__Rpb6L:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.CharacterDetailPanel_cta__Rpb6L:hover{box-shadow:0 8px 25px #ffd70066;transform:translateY(-2px)}.CharacterDetailPanel_cta__Rpb6L:hover:before{left:100%}.CharacterDetailPanel_cta__Rpb6L:active{transform:translateY(0)}@keyframes CharacterDetailPanel_fadeIn__KEABm{0%{opacity:0}to{opacity:1}}@keyframes CharacterDetailPanel_slideInCurved__bMln5{0%{opacity:0;transform:translateX(100%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@media (max-width:768px){.CharacterDetailPanel_panel__Bq\+Ky{border-radius:24px;bottom:40px;left:16px;right:16px;top:40px;width:auto}.CharacterDetailPanel_panelImage__a5jaA{border-radius:16px;height:240px;margin:16px;width:calc(100% - 32px)}.CharacterDetailPanel_name__gbI71{font-size:24px;margin:16px 16px 12px}.CharacterDetailPanel_content__tUy8W{padding:0 16px}.CharacterDetailPanel_footer__nnNAY{padding:16px}}@media (prefers-contrast:high){.CharacterDetailPanel_panel__Bq\+Ky{background:#000;border:2px solid #fff}.CharacterDetailPanel_panelImage__a5jaA{border:2px solid #fff}.CharacterDetailPanel_name__gbI71{-webkit-text-fill-color:#fff;background:none;color:#fff}.CharacterDetailPanel_description__c7w\+4{color:#fff}}@media (prefers-reduced-motion:reduce){.CharacterDetailPanel_panel__Bq\+Ky{animation:none;transform:translateX(0)}.CharacterDetailPanel_overlay__7MzZS{animation:none;opacity:1}.CharacterDetailPanel_cta__Rpb6L:hover,.CharacterDetailPanel_panelImage__a5jaA:hover{transform:none}}.floating-character-hub{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;left:20px;max-width:320px;position:fixed;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999}.floating-character-hub.hidden{opacity:0;pointer-events:none;transform:translateY(-50%) translateX(-100%)}@media (max-height:600px){.floating-character-hub{top:20px;transform:none}}.hub-collapsed{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;gap:8px;padding:12px 8px}.character-dot{animation:fadeInUp .3s ease 0s both;animation:fadeInUp .3s ease calc(var(--delay, 0s)) both;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #0000;border-radius:50%;cursor:pointer;height:32px;overflow:hidden;position:relative;transition:all .2s ease;width:32px}.character-dot img{border-radius:50%;height:100%;object-fit:cover;width:100%}.character-dot:hover{border-color:#ffffff4d;box-shadow:0 4px 20px #0006;transform:scale(1.15)}.character-dot.active{border-color:#10b981;box-shadow:0 0 0 2px #10b9814d}.more-dot{align-items:center;background:linear-gradient(135deg,#374151,#4b5563);border:1px solid #ffffff1a;border-radius:50%;color:#d1d5db;cursor:pointer;display:flex;font-size:10px;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.more-dot:hover{background:linear-gradient(135deg,#4b5563,#6b7280);color:#fff;transform:scale(1.15)}.hub-expanded{animation:expandIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000e6;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff0d;max-height:80vh;min-width:320px;overflow-y:auto;padding:24px}.hub-expanded::-webkit-scrollbar{width:6px}.hub-expanded::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.hub-expanded::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.hub-expanded::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.prestige-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.prestige-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:18px;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:20px;padding:4px;transition:all .2s ease}.close-btn:hover{background:#ffffff1a;color:#fff}.prestige-stats{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:24px;margin-bottom:24px;padding:16px}.stat{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:24px;font-weight:600}.stat-label{color:#9ca3af;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.categories-list{display:flex;flex-direction:column;gap:20px}.category-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:16px}.category-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.category-icon{font-size:16px}.category-name{color:#fff;flex:1 1;font-weight:500}.category-count{background:#ffffff1a;border-radius:6px;color:#9ca3af;font-size:12px;padding:2px 6px}.progress-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-bottom:12px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:2px;height:100%;transition:width .3s ease}.characters-grid{display:flex;flex-wrap:wrap;gap:8px}.character-bubble{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:8px 12px;transition:all .2s ease}.character-bubble img{border-radius:50%;height:20px;object-fit:cover;width:20px}.character-bubble:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.character-bubble.active{background:#10b98133;border-color:#10b981;color:#10b981}.character-name{color:#d1d5db;white-space:nowrap}.character-bubble.active .character-name{color:#10b981}.visibility-toggle{align-items:center;background:#000c;border:1px solid #ffffff1a;border-radius:50%;cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;opacity:.7;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:20px}.visibility-toggle:hover{opacity:1;transform:scale(1.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes expandIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.floating-character-hub{left:10px}.hub-expanded{left:10px;margin:0;max-height:70vh;min-width:auto;position:fixed;right:10px;top:50%;transform:none;transform:translateY(-50%);width:calc(100vw - 20px)}.hub-collapsed{margin:0;max-width:56px;width:auto}.character-dot,.more-dot{height:32px;width:32px}.prestige-stats{gap:12px}.characters-grid,.prestige-stats{flex-direction:column}.character-bubble{justify-content:flex-start}}@media (prefers-contrast:high){.hub-collapsed,.hub-expanded{background:#000;border:2px solid #fff}.character-bubble,.character-dot{border:1px solid #fff}}@media (prefers-reduced-motion:reduce){.character-bubble,.character-dot,.floating-character-hub,.more-dot,.progress-fill{transition:none}.character-dot,.hub-expanded{animation:none}}@media (max-width:480px){.floating-character-hub{left:5px}.hub-expanded{left:5px;right:5px;width:calc(100vw - 10px)}}.AvatarUploader_uploader__OwE1o{display:flex;justify-content:center;margin:1rem 0}.AvatarUploader_preview__MP8da{border:2px dashed var(--border);border-radius:50%;cursor:pointer;display:block;height:80px;line-height:80px;overflow:hidden;text-align:center;width:80px}.AvatarUploader_preview__MP8da img{height:100%;object-fit:cover;width:100%}.AvatarUploader_preview__MP8da input{display:none}.ProfileSettings_container__2OWwW{align-items:flex-start;display:flex;justify-content:center;padding:1rem}.ProfileSettings_card__8gIsy{background:#fff;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;max-width:36rem;overflow:hidden;width:100%}.ProfileSettings_header__jL9\+I{border-bottom:1px solid #e5e7eb;padding:.75rem 1rem}.ProfileSettings_backButton__W8-Hv{align-items:center;background:#0000;border:none;color:#4b5563;cursor:pointer;display:inline-flex;font-size:.875rem}.ProfileSettings_backButton__W8-Hv:hover{color:#111827}.ProfileSettings_main__F2sQf{display:flex}.ProfileSettings_sidebar__-spYT{background:#f9fafb;padding:.75rem;width:30%}.ProfileSettings_sidebar__-spYT ul{list-style:none;margin:0;padding:0}.ProfileSettings_sidebar__-spYT button{background:#0000;border:none;border-radius:.375rem;color:#374151;cursor:pointer;display:block;font-size:.875rem;padding:.5rem;text-align:left;width:100%}.ProfileSettings_sidebar__-spYT button.ProfileSettings_active__OiVEM{background:#fff;font-weight:600}.ProfileSettings_sidebar__-spYT button:hover{background:#e5e7eb}.ProfileSettings_content__R5L9b{padding:.75rem;width:70%}.UploadAvatar_container__HZYt2{align-items:flex-start;display:flex;justify-content:center;padding:2rem}.UploadAvatar_card__1-tzc{background:#fff;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;max-width:28rem;padding:1.5rem;width:100%}.UploadAvatar_title__1Gfka{font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.UploadAvatar_preview__Uo4rj{display:flex;justify-content:center;margin-bottom:1rem}.UploadAvatar_actions__kDCPL{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.UploadAvatar_button__DDesa{border:none;border-radius:.375rem;cursor:pointer;font-weight:500;padding:.5rem 1rem}.UploadAvatar_save__wC0Si{background-color:#3b82f6;color:#fff}.UploadAvatar_cancel__1V6TK{background-color:#e5e7eb;color:#374151}