:root{--tide-primary:#ec5b13;--tide-primary-soft:#ec5b1326;--gradient-start:#b0bec5;--gradient-mid:#90a4ae;--gradient-end:#607d8b;--glass-bg:#ffffff14;--glass-border:#ffffff1f;--glass-blur:20px;--font-display:"Inter", "Helvetica Neue", system-ui, sans-serif;--font-serif:"Playfair Display", Georgia, serif;--text-primary:#fff;--text-secondary:#ffffffb3;--text-tertiary:#ffffff73;--safe-bottom:env(safe-area-inset-bottom,0px)}[data-time=morning]{--gradient-start:#cfd8dc;--gradient-mid:#b0bec5;--gradient-end:#78909c;--text-primary:#2c3e50;--text-secondary:#2c3e50cc;--text-tertiary:#2c3e508c}[data-time=afternoon]{--gradient-start:#8b7355;--gradient-mid:#6d8a7c;--gradient-end:#3d6b7a}[data-time=evening]{--gradient-start:#2a2045;--gradient-mid:#4a365f;--gradient-end:#3b5068}[data-time=night]{--gradient-start:#0a0e1a;--gradient-mid:#162436;--gradient-end:#203142}[data-theme=venting]{--gradient-start:#263238;--gradient-mid:#37474f;--gradient-end:#546e7a;--text-primary:#fff;--text-secondary:#ffffffb3;--text-tertiary:#ffffff73}[data-theme=bar]{--gradient-start:#0f172a;--gradient-mid:#1e1b4b;--gradient-end:#451a03;--text-primary:#fff;--text-secondary:#ffffffb3;--text-tertiary:#ffffff73}[data-theme=couch]{--gradient-start:#2e2b3c;--gradient-mid:#4a3e62;--gradient-end:#7b6d91;--text-primary:#fff;--text-secondary:#ffffffb3;--text-tertiary:#ffffff73}[data-theme=spacing]{--gradient-start:#e0e6ed;--gradient-mid:#cfd8dc;--gradient-end:#b0bec5;--text-primary:#2c3e50;--text-secondary:#2c3e50cc;--text-tertiary:#2c3e508c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;width:100%;overflow-x:hidden}body{font-family:var(--font-display);background:linear-gradient(180deg, var(--gradient-start) 0%, var(--gradient-mid) 50%, var(--gradient-end) 100%);color:#e0e0e0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100dvh;transition:background 2s;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}input{font:inherit}ul,ol{list-style:none}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border)}.glass-card{-webkit-backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;transition:transform .3s,box-shadow .3s}.glass-card:active{transform:scale(.98)}.glass-button{-webkit-backdrop-filter:blur(12px);letter-spacing:.05em;background:#ffffff26;border:1px solid #fff3;border-radius:9999px;padding:16px 32px;font-weight:500;transition:all .3s}.glass-button:active{background:#ffffff40;transform:scale(.96)}@keyframes bubble-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes breathing{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes ripple{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-bubble-up{animation:.4s cubic-bezier(.22,1,.36,1) forwards bubble-up}.animate-slide-up{animation:.5s cubic-bezier(.22,1,.36,1) forwards slide-up}.animate-slide-down{animation:.4s cubic-bezier(.22,1,.36,1) forwards slide-down}.animate-fade-in{animation:.6s forwards fade-in}.animate-breathing{animation:4s ease-in-out infinite breathing}.animate-ripple{animation:.3s ripple}::-webkit-scrollbar{width:0;height:0}.app-container{width:100%;max-width:480px;min-height:100dvh;padding-bottom:var(--safe-bottom);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.otp-grid{justify-content:center;gap:10px;display:flex}.otp-box{letter-spacing:.1em;text-align:center;color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:12px;outline:none;width:48px;height:56px;font-size:24px;font-weight:600;transition:border-color .2s}.otp-box:focus{border-color:var(--tide-primary);box-shadow:0 0 0 2px #ec5b134d}[data-theme=venting]{--theme-color:#546e7a;--theme-bg:#546e7a26}[data-theme=bar]{--theme-color:#f59e0b;--theme-bg:#f59e0b1a}[data-theme=couch]{--theme-color:#9d8db5;--theme-bg:#9d8db51a}[data-theme=spacing]{--theme-color:#b0bec5;--theme-bg:#b0bec51a}.intro-animation-container{background:0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.wave-container{pointer-events:none;z-index:1;justify-content:center;align-items:center;width:100%;height:100px;transition:opacity 1s ease-in-out;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.wave-line{fill:none;width:120%;height:100%;stroke:var(--text-tertiary);stroke-width:.5px;stroke-dasharray:200;stroke-dashoffset:200px;transition:stroke-dashoffset 2s ease-in-out,transform 4s ease-in-out}.intro-animation-container.phase-inflow .wave-line,.intro-animation-container.phase-lobby .wave-line,.intro-animation-container.phase-encounter .wave-line,.intro-animation-container.phase-sanctuary .wave-line,.intro-animation-container.phase-farewell .wave-line{stroke-dashoffset:0;transform:translateY(0)}.intro-animation-container.phase-outflow .wave-line{stroke-dashoffset:200px;transform:translateY(20px)}.intro-text-content{text-align:center;z-index:10;width:100%;padding:0 40px;position:absolute;bottom:12%;left:0}.text-group{opacity:0;pointer-events:none;width:100%;transition:opacity 1s,transform 1s;position:absolute;bottom:0;left:0;transform:translateY(10px)}.text-group.active{opacity:1;transform:translateY(0)}.text-group h3{color:var(--text-primary);letter-spacing:.1em;margin-bottom:8px;font-size:20px;font-weight:300}.text-group p{color:var(--text-tertiary);letter-spacing:.05em;font-size:13px;font-style:italic}.lobby-selection-elements{z-index:5;perspective:1000px;pointer-events:none;justify-content:center;gap:16px;width:100%;max-width:480px;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.theme-card{background:var(--glass-bg);border:1px solid var(--glass-border);opacity:0;border-radius:12px;flex-direction:column;gap:10px;width:100px;height:140px;padding:12px;transition:all 1.2s cubic-bezier(.25,1,.5,1);display:flex;transform:translateY(30px)rotateY(15deg)}.intro-animation-container.phase-lobby .theme-card{opacity:1;transform:translateY(0)rotateY(0)}.intro-animation-container.phase-lobby .theme-card:first-child{transition-delay:.1s}.intro-animation-container.phase-lobby .theme-card:nth-child(2){transition-delay:.3s}.intro-animation-container.phase-lobby .theme-card:nth-child(3){transition-delay:.5s}.intro-animation-container.phase-lobby .theme-card:nth-child(4){transition-delay:.7s}.intro-animation-container.phase-encounter .theme-card,.intro-animation-container.phase-sanctuary .theme-card,.intro-animation-container.phase-farewell .theme-card,.intro-animation-container.phase-outflow .theme-card{opacity:0;transition:all 1s;transform:translateY(-20px)scale(.95)}.theme-color{opacity:.8;border-radius:8px;width:100%;height:60px}.theme-color-1{background:linear-gradient(135deg,#546e7a,#0000)}.theme-color-2{background:linear-gradient(135deg,#f59e0b,#0000)}.theme-color-3{background:linear-gradient(135deg,#9d8db5,#0000)}.theme-color-4{background:linear-gradient(135deg,#b0bec5,#0000)}.card-row{background:var(--text-tertiary);opacity:.5;border-radius:3px;width:100%;height:6px}.card-row.short{width:60%}.breathing-light.small{background:var(--text-primary);border-radius:50%;align-self:flex-end;width:6px;height:6px;margin-top:auto;animation:2s ease-in-out infinite breathing}.encounter-elements{z-index:6;pointer-events:none;width:300px;height:200px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.soul-dots{opacity:0;z-index:3;gap:24px;transition:opacity 1.5s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-animation-container.phase-encounter .soul-dots,.intro-animation-container.phase-sanctuary .soul-dots{opacity:1}.dot{background:var(--text-primary);border-radius:50%;width:12px;height:12px;transition:transform 1.5s cubic-bezier(.25,1,.5,1);transform:scale(0);box-shadow:0 0 20px #fffc}.intro-animation-container.phase-encounter .dot,.intro-animation-container.phase-sanctuary .dot{animation:3s ease-in-out infinite breathing;transform:scale(1)}.intro-animation-container.phase-encounter .dot-1,.intro-animation-container.phase-sanctuary .dot-1{animation-delay:0s}.intro-animation-container.phase-encounter .dot-2,.intro-animation-container.phase-sanctuary .dot-2{animation-delay:1.5s}.chat-bubbles-container{z-index:2;flex-direction:column;justify-content:center;gap:20px;width:240px;height:160px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chat-bubble{background:var(--text-tertiary);opacity:0;border-radius:12px;width:70%;height:24px;transition:all 1.5s cubic-bezier(.25,1,.5,1);transform:translateY(20px)}.chat-bubble.right{background:var(--text-secondary);align-self:flex-end;width:50%}.intro-animation-container.phase-encounter .chat-bubble,.intro-animation-container.phase-sanctuary .chat-bubble{opacity:.5;transform:translateY(0)}.intro-animation-container.phase-encounter .chat-bubble.right,.intro-animation-container.phase-sanctuary .chat-bubble.right{transition-delay:1s}.sanctuary-shield{opacity:0;z-index:1;background:radial-gradient(circle,#ffffff0d 0%,#fff0 70%);border:1px solid #fff6;border-radius:50%;width:160px;height:160px;transition:all 1.5s cubic-bezier(.25,1,.5,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.intro-animation-container.phase-sanctuary .sanctuary-shield{opacity:1;animation:4s ease-in-out infinite breathing;transform:translate(-50%,-50%)scale(1)}.farewell-sparks{z-index:4;width:200px;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spark{background:var(--text-secondary);opacity:0;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 0 10px #fffc}.intro-animation-container.phase-farewell .spark{animation:4s cubic-bezier(.25,1,.5,1) forwards spark-fly}@keyframes spark-fly{0%{opacity:0;transform:translate(0)scale(1)}20%{opacity:1}to{opacity:0;transform:translate(var(--tx,50px), var(--ty,-100px)) scale(0)}}.spark-0{--tx:-40px;--ty:-80px;top:40%;left:40%;animation-delay:.1s!important}.spark-1{--tx:60px;--ty:-90px;top:60%;left:60%;animation-delay:.3s!important}.spark-2{--tx:80px;--ty:-60px;top:30%;left:70%;animation-delay:.2s!important}.spark-3{--tx:-60px;--ty:-100px;top:70%;left:30%;animation-delay:.5s!important}.spark-4{--tx:20px;--ty:-120px;top:50%;left:50%;animation-delay:0s!important}.spark-5{--tx:-80px;--ty:-50px;top:45%;left:35%;animation-delay:.4s!important}.spark-6{--tx:100px;--ty:-70px;top:55%;left:65%;animation-delay:.6s!important}.spark-7{--tx:-20px;--ty:-110px;top:65%;left:45%;animation-delay:.2s!important}.login-page{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100dvh;padding:48px 32px;display:flex}.login-container{z-index:2;flex-direction:column;gap:48px;width:100%;max-width:400px;display:flex;position:relative}.login-panel{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.intro-panel{display:none}@media (width>=960px){.login-page{flex-direction:row;padding:0}.login-panel{flex:0 0 45%;padding:48px 32px}.intro-panel{border-left:1px solid #ffffff1a;flex:1;height:100dvh;display:flex;position:relative;overflow:hidden}}.login-header{text-align:center;padding-top:40px}.login-logo{letter-spacing:.3em;color:var(--text-primary);opacity:.9;text-transform:uppercase;margin-bottom:8px;font-size:56px;font-weight:200}.login-subtitle{letter-spacing:.15em;color:var(--text-tertiary);font-size:13px;font-style:italic;font-weight:300}.login-form{flex-direction:column;gap:32px;display:flex}.login-input-group{position:relative}.login-input{border:none;border-bottom:1px solid var(--text-tertiary);width:100%;color:var(--text-primary);background:0 0;border-radius:0;outline:none;padding:16px 0;font-size:16px;transition:border-color .3s}.login-input::placeholder{color:var(--text-tertiary);font-weight:300}.login-input:focus{border-bottom-color:var(--text-secondary)}.login-checkbox{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.login-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--tide-primary);flex-shrink:0;margin-top:2px}.login-checkbox span{color:var(--text-secondary);font-size:13px;font-weight:300;line-height:1.5}.login-submit{width:100%;color:var(--text-primary);padding:18px;font-size:16px}.login-submit:disabled{opacity:.4;cursor:not-allowed}.login-error{text-align:center;color:#ef5350;font-size:13px;font-weight:300}.login-otp{flex-direction:column;align-items:center;gap:32px;display:flex}.login-otp-hint{text-align:center;color:var(--text-secondary);font-size:14px;font-weight:300;line-height:1.8}.login-verifying{color:var(--text-tertiary);font-size:13px;animation:2s ease-in-out infinite breathing}.login-resend{color:var(--text-tertiary);text-underline-offset:4px;margin-top:8px;font-size:13px;text-decoration:underline}.login-resend:active{color:var(--text-secondary)}.language-toggle{position:absolute;top:24px;right:24px}.lang-btn{border:1px solid var(--text-tertiary);color:var(--text-secondary);cursor:pointer;letter-spacing:.1em;background:0 0;border-radius:9999px;padding:6px 14px;font-size:11px;transition:all .2s}.lang-btn:hover{color:var(--text-primary);background:#ffffff1a}.room-card{background:var(--card-bg,#ffffff0f);-webkit-backdrop-filter:blur(12px);cursor:pointer;text-align:left;border:1px solid #ffffff1a;border-radius:24px;justify-content:space-between;align-items:center;width:100%;padding:20px 24px;transition:transform .3s,box-shadow .3s,opacity .3s;display:flex}.room-card:active{transform:scale(.98)}.room-card:hover{box-shadow:0 4px 24px #00000026}.room-card--matching{opacity:.5;pointer-events:none}.room-card__content{flex:1;padding-right:16px}.room-card__title{color:#f0f0f0;margin-bottom:4px;font-size:17px;font-weight:500;transition:color .3s}.room-card:hover .room-card__title{color:var(--card-accent,var(--tide-primary))}.room-card__subtitle{color:#ffffff80;font-size:13px;font-weight:300;line-height:1.4}.room-card__icon{background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.room-card__dot{background:var(--card-accent,#b0bec5);border-radius:50%;width:12px;height:12px}.footprint-backdrop{-webkit-backdrop-filter:blur(8px);z-index:90;background:#00000080;animation:.3s forwards fade-in;position:fixed;inset:0}.footprint-backdrop--closing{animation:.3s forwards fade-out}.footprint-sheet{z-index:100;-webkit-backdrop-filter:blur(25px)saturate(180%);background:#ffffff14;border:1px solid #ffffff1f;border-bottom:none;border-radius:40px 40px 0 0;flex-direction:column;max-width:480px;height:65%;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -8px 40px #0006}.footprint-handle{justify-content:center;padding:16px 0 8px;display:flex}.footprint-handle__bar{background:#fff3;border-radius:2px;width:48px;height:4px}.footprint-title{text-align:center;font-family:var(--font-serif,Georgia);letter-spacing:.1em;color:#ffffffe6;padding:16px 0 8px;font-size:22px;font-weight:400}.footprint-list{flex:1;padding:24px 32px;overflow-y:auto}.footprint-item{align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.footprint-icon{opacity:.8;margin-top:2px;font-size:18px}.footprint-label{text-transform:uppercase;letter-spacing:.2em;color:#ffffff59;margin-bottom:4px;font-size:10px;display:block}.footprint-item p{color:#ffffffb3;font-size:14px;font-weight:300;line-height:1.6}.footprint-item strong{color:#fff;font-weight:500}.footprint-footer{border-top:1px solid #ffffff0d;padding:20px}.footprint-footer p{text-align:center;text-transform:uppercase;letter-spacing:.2em;color:#ffffff40;font-size:10px}.footprint-logout{color:#ef5350b3;letter-spacing:.05em;background:0 0;border:1px solid #ef535033;border-radius:9999px;margin:16px auto 0;padding:10px 24px;font-size:13px;transition:all .2s;display:block}.footprint-logout:active{color:#ef5350;background:#ef535014;border-color:#ef535066}.footprint-actions{justify-content:center;align-items:center;gap:16px;margin-top:16px;display:flex}.footprint-lang-btn{color:#ffffffb3;letter-spacing:.05em;background:0 0;border:1px solid #fff3;border-radius:9999px;padding:10px 24px;font-size:13px;transition:all .2s}.footprint-logout{margin:0}.lobby-page{flex-direction:column;flex:1;min-height:100dvh;display:flex}.lobby-header{z-index:50;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.lobby-logo{letter-spacing:.2em;text-transform:uppercase;color:var(--text-primary);opacity:.8;font-size:18px;font-weight:600}.lobby-header-actions{gap:16px;display:flex}.lobby-icon-btn{opacity:.7;font-size:22px;line-height:1;transition:opacity .2s;position:relative}.lobby-icon-btn:active{opacity:1}.lobby-sound-bar{background:var(--tide-primary);border-radius:1px;width:12px;height:2px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.lobby-welcome{padding:48px 24px 32px}.lobby-greeting{color:var(--text-primary);opacity:.9;letter-spacing:.05em;margin-bottom:8px;font-size:40px;font-weight:200}.lobby-alias{color:var(--text-secondary);font-size:16px;font-weight:300}.lobby-alias-code{color:var(--tide-primary);letter-spacing:.1em;margin-left:4px;font-weight:500}.lobby-rooms{flex-direction:column;gap:12px;padding:0 24px 100px;display:flex}.lobby-matching{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;padding:60px 24px;display:flex}.lobby-matching-spinner{border:2px solid #ffffff1a;border-top-color:var(--tide-primary);border-radius:50%;width:48px;height:48px;animation:1.5s linear infinite spin-slow}.lobby-matching-text{color:var(--text-secondary);text-align:center;font-size:15px;font-style:italic;font-weight:300}.lobby-matching-cancel{color:var(--text-tertiary);text-underline-offset:4px;font-size:13px;text-decoration:underline}.lobby-matching-cancel:active{color:var(--text-secondary)}.chat-bubble{max-width:85%;margin-bottom:8px;animation:.4s cubic-bezier(.22,1,.36,1) forwards bubble-up}.chat-bubble--self{flex-direction:column;align-self:flex-end;align-items:flex-end;display:flex}.chat-bubble--other{flex-direction:column;align-self:flex-start;align-items:flex-start;display:flex}.chat-bubble--system{text-align:center;align-self:center;max-width:90%}.chat-bubble--system p{color:#fff6;padding:8px 16px;font-size:12px;font-style:italic}.chat-bubble__body{letter-spacing:.02em;padding:14px 18px;font-size:15px;font-weight:300;line-height:1.6}.chat-bubble__body--other{-webkit-backdrop-filter:blur(8px);color:#ffffffd9;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:20px 20px 20px 4px}.chat-bubble__body--self{color:#fffffff2;text-align:right;background:0 0;border-radius:20px 20px 4px}.chat-bubble--spoiler p{text-shadow:0 0 8px #fffc;-webkit-user-select:none;user-select:none;cursor:pointer;transition:text-shadow .4s ease-out;color:#0000!important}.chat-bubble--spoiler:hover p{text-shadow:0 0 5px #ffffffe6}.farewell-backdrop{-webkit-backdrop-filter:blur(6px);z-index:90;background:#0006;animation:.3s fade-in;position:fixed;inset:0}.farewell-menu{z-index:100;-webkit-backdrop-filter:blur(25px)saturate(180%);max-width:480px;padding:12px 24px calc(24px + env(safe-area-inset-bottom,0px));background:#ffffff14;border:1px solid #ffffff1f;border-bottom:none;border-radius:32px 32px 0 0;margin:0 auto;position:fixed;bottom:0;left:0;right:0}.farewell-handle{justify-content:center;padding:8px 0;display:flex}.farewell-handle__bar{background:#fff3;border-radius:2px;width:40px;height:4px}.farewell-prompt{text-align:center;color:#ffffffb3;padding:16px 0;font-size:15px;line-height:1.6}.farewell-prompt em{color:#fff6;font-size:13px}.farewell-options{flex-direction:column;gap:8px;margin:8px 0 16px;display:flex}.farewell-option{color:#fffc;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-size:14px;transition:background .2s;display:flex}.farewell-option:active{background:#ffffff1f}.farewell-option__icon{font-size:18px}.farewell-cancel{text-align:center;width:100%;color:var(--tide-primary);padding:14px;font-size:14px;font-weight:500}.breathing-dot{justify-content:center;align-items:center;width:14px;height:14px;margin-left:8px;display:inline-flex}.breathing-dot__core{background:var(--tide-primary);border-radius:50%;width:8px;height:8px;animation:4s ease-in-out infinite breathing}.chat-page{flex-direction:column;width:100%;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.chat-header{z-index:50;max-width:480px;padding:calc(16px + env(safe-area-inset-top,0px)) 20px 16px;justify-content:space-between;align-items:center;margin:0 auto;display:flex;position:fixed;top:0;left:0;right:0}.chat-back{color:var(--text-secondary);min-width:60px;font-size:15px;font-weight:300}.chat-back:active{color:var(--text-primary)}.chat-partner{align-items:center;display:flex}.chat-partner-alias{color:var(--text-primary);opacity:.9;letter-spacing:.1em;font-size:17px;font-weight:500}.chat-menu-wrapper{justify-content:flex-end;min-width:60px;display:flex;position:relative}.chat-menu-btn{color:var(--text-tertiary);padding:4px 8px;font-size:22px}.chat-dropdown{-webkit-backdrop-filter:blur(20px);background:#1e1e1ef2;border:1px solid #ffffff1a;border-radius:12px;min-width:160px;position:absolute;top:36px;right:0;overflow:hidden}.chat-dropdown-item{text-align:left;width:100%;padding:14px 16px;font-size:14px;display:block}.chat-dropdown-report{color:#ef5350}.chat-dropdown-report:active{background:#ef535026}.chat-disconnect-banner{z-index:40;text-align:center;-webkit-backdrop-filter:blur(10px);background:#ff980026;border-bottom:1px solid #ff980033;max-width:480px;margin:0 auto;padding:12px 24px;position:fixed;top:64px;left:0;right:0}.chat-disconnect-banner p{color:var(--text-secondary);font-size:13px;font-weight:300}.chat-disconnect-timer{color:#ff9800;margin-top:4px;font-size:15px;font-weight:500}.chat-messages{flex-direction:column;flex:1;gap:6px;padding:80px 20px 100px;display:flex;overflow-y:auto}.chat-input-area{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));max-width:480px;margin:0 auto;position:fixed;bottom:0;left:0;right:0}.chat-input-row{border-radius:9999px;align-items:center;gap:8px;padding:6px 6px 6px 16px;display:flex}.chat-interaction-btn{opacity:.6;flex-shrink:0;font-size:22px;transition:opacity .2s}.chat-interaction-btn:active{opacity:1;transform:scale(1.2)}.chat-input{color:var(--text-primary);opacity:.9;background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:14px;font-weight:300}.chat-input::placeholder{color:var(--text-tertiary)}.chat-send-btn{width:40px;height:40px;color:var(--tide-primary);opacity:.7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:opacity .2s;display:flex}.chat-send-btn:not(:disabled):active{opacity:1}.chat-send-btn:disabled{opacity:.2}.chat-report-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;background:#0a0a0ad9;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.chat-report-card{text-align:center;background:#1e1e1ef2;border:1px solid #ffffff1a;border-radius:16px;max-width:320px;padding:32px 24px;box-shadow:0 10px 40px #00000080}.chat-report-title{color:#ef5350;letter-spacing:.05em;margin-bottom:16px;font-size:20px;font-weight:500}.chat-report-text{color:var(--text-primary);opacity:.85;text-align:left;font-size:15px;font-weight:300;line-height:1.6}.chat-report-leave-inline{color:var(--tide-primary);cursor:pointer;align-items:center;margin-left:8px;font-weight:500;text-decoration:none;display:inline-flex}.chat-report-leave-inline:active{opacity:.7}.farewell-animation-container{z-index:9999;pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.farewell-overlay{opacity:0;background:radial-gradient(circle,#0e0e22e6 0%,#05050f 100%);width:100%;height:100%;transition:opacity 1s;position:absolute;top:0;left:0}.farewell-animation-container.active .farewell-overlay{opacity:1}.farewell-content{z-index:2;text-align:center;opacity:0;transition:opacity 1.5s .5s,transform 1.5s .5s;position:relative;transform:translateY(20px)}.farewell-animation-container.active .farewell-content{opacity:1;transform:translateY(0)}.farewell-text{font-family:var(--font-primary);color:var(--color-text-primary);letter-spacing:.1em;text-shadow:0 0 20px #fff3;font-size:1.5rem;font-weight:300}.farewell-sparks-container{z-index:1;width:0;height:0;position:absolute;top:50%;left:50%}.farewell-spark{opacity:0;background:#fff;border-radius:50%;width:3px;height:3px;position:absolute;box-shadow:0 0 8px 2px #fff9}.farewell-animation-container.active .spark-outward{animation:2.5s cubic-bezier(.25,1,.5,1) forwards farewell-fly}@keyframes farewell-fly{0%{opacity:0;transform:translate(0)scale(1)}20%{opacity:.8}to{transform:translate(var(--tx), var(--ty)) scale(0);opacity:0}}.farewell-spark:first-child{--tx:15vw;--ty:-20vh;animation-delay:.1s}.farewell-spark:nth-child(2){--tx:-25vw;--ty:-10vh;animation-delay:.2s}.farewell-spark:nth-child(3){--tx:20vw;--ty:25vh;animation-delay:.3s}.farewell-spark:nth-child(4){--tx:-15vw;--ty:20vh;animation-delay:.15s}.farewell-spark:nth-child(5){--tx:5vw;--ty:-35vh;animation-delay:.4s}.farewell-spark:nth-child(6){--tx:-30vw;--ty:5vh;animation-delay:.25s}.farewell-spark:nth-child(7){--tx:35vw;--ty:-5vh;width:4px;height:4px;animation-delay:.5s}.farewell-spark:nth-child(8){--tx:-5vw;--ty:35vh;animation-delay:.1s}.farewell-spark:nth-child(9){--tx:10vw;--ty:-15vh;animation-delay:.6s}.farewell-spark:nth-child(10){--tx:-20vw;--ty:-25vh;width:2px;height:2px;animation-delay:.3s}.farewell-spark:nth-child(11){--tx:25vw;--ty:15vh;animation-delay:.2s}.farewell-spark:nth-child(12){--tx:-10vw;--ty:-30vh;animation-delay:.45s}.farewell-spark:nth-child(13){--tx:40vw;--ty:20vh;animation-delay:.7s}.farewell-spark:nth-child(14){--tx:-40vw;--ty:-20vh;width:5px;height:5px;animation-delay:.25s}.farewell-spark:nth-child(15){--tx:18vw;--ty:38vh;animation-delay:.55s}.farewell-spark:nth-child(16){--tx:-22vw;--ty:40vh;animation-delay:.15s}.farewell-spark:nth-child(17){--tx:30vw;--ty:-40vh;width:2px;height:2px;animation-delay:.35s}.farewell-spark:nth-child(18){--tx:-35vw;--ty:25vh;animation-delay:.65s}.farewell-spark:nth-child(19){--tx:8vw;--ty:-45vh;animation-delay:.8s}.farewell-spark:nth-child(20){--tx:-18vw;--ty:-40vh;animation-delay:.4s}.farewell-spark:nth-child(21){--tx:45vw;--ty:-15vh;width:1px;height:1px;animation-delay:.1s}.farewell-spark:nth-child(22){--tx:-45vw;--ty:10vh;animation-delay:.5s}.farewell-spark:nth-child(23){--tx:22vw;--ty:-28vh;width:4px;height:4px;animation-delay:.75s}.farewell-spark:nth-child(24){--tx:-8vw;--ty:45vh;animation-delay:.3s}@media screen and (width<=768px){.farewell-text{padding:0 24px;font-size:1.1rem;line-height:1.6}}