: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;--safe-bottom:env(safe-area-inset-bottom,0px)}[data-time=morning]{--gradient-start:#cfd8dc;--gradient-mid:#b0bec5;--gradient-end:#78909c}[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}*,: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}.login-page{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100dvh;padding:48px 32px;display:flex}.login-container{flex-direction:column;gap:48px;width:100%;max-width:400px;display:flex}.login-header{text-align:center;padding-top:40px}.login-logo{letter-spacing:.3em;color:#ffffffe6;text-transform:uppercase;margin-bottom:8px;font-size:56px;font-weight:200}.login-subtitle{letter-spacing:.15em;color:#fff6;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{color:#ffffffe6;background:0 0;border:none;border-bottom:1px solid #fff3;border-radius:0;outline:none;width:100%;padding:16px 0;font-size:16px;transition:border-color .3s}.login-input::placeholder{color:#ffffff4d;font-weight:300}.login-input:focus{border-bottom-color:#fff9}.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:#fff9;font-size:13px;font-weight:300;line-height:1.5}.login-submit{color:#ffffffe6;width:100%;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:#ffffff80;font-size:14px;font-weight:300;line-height:1.8}.login-verifying{color:#fff6;font-size:13px;animation:2s ease-in-out infinite breathing}.login-resend{color:#ffffff59;text-underline-offset:4px;margin-top:8px;font-size:13px;text-decoration:underline}.login-resend:active{color:#fff9}.language-toggle{position:absolute;top:24px;right:24px}.lang-btn{color:#ffffff80;cursor:pointer;letter-spacing:.1em;background:0 0;border:1px solid #fff3;border-radius:9999px;padding:6px 14px;font-size:11px;transition:all .2s}.lang-btn:hover{color:#fff;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:#fffc;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:#ffffffe6;letter-spacing:.05em;margin-bottom:8px;font-size:40px;font-weight:200}.lobby-alias{color:#ffffff80;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:#ffffff80;text-align:center;font-size:15px;font-style:italic;font-weight:300}.lobby-matching-cancel{color:#ffffff4d;text-underline-offset:4px;font-size:13px;text-decoration:underline}.lobby-matching-cancel:active{color:#fff9}.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:#ffffffb3;min-width:60px;font-size:15px;font-weight:300}.chat-back:active{color:#fff}.chat-partner{align-items:center;display:flex}.chat-partner-alias{color:#ffffffe6;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:#ffffff80;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:#ffffffb3;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:#ffffffe6;background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:14px;font-weight:300}.chat-input::placeholder{color:#ffffff4d}.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:#ffffffd9;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}