*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0d0b;--bg2:#1a1612;--bg3:#231e19;--bg4:#2d2720;--cream:#f2e8d9;--cream2:#c4b09a;--cream3:#8a7868;--terra:#bf5c40;--terra2:#d97a5c;--terra3:#f0a080;--gold:#c99840;--green:#4a9e72;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Cabinet Grotesk", system-ui, sans-serif;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:3px}.bg-orbs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(80px);opacity:.22;border-radius:50%;animation:20s ease-in-out infinite drift;position:absolute}.orb-1{background:radial-gradient(circle,#bf5c40,#0000 70%);width:500px;height:500px;top:-150px;right:-100px}.orb-2{background:radial-gradient(circle,#c99840,#0000 70%);width:400px;height:400px;animation-delay:-7s;bottom:20%;left:-120px}.orb-3{opacity:.1;background:radial-gradient(circle,#4a9e72,#0000 70%);width:300px;height:300px;animation-delay:-14s;bottom:-80px;right:30%}@keyframes drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popUp{0%{opacity:0;transform:scale(.88)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(100px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.nav{z-index:200;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0d0be6;border-bottom:1px solid #f2e8d912;justify-content:space-between;align-items:center;height:60px;padding:0 32px;display:flex;position:sticky;top:0}.logo{font-family:var(--font-display);color:var(--cream);letter-spacing:-.01em;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1.7rem;font-weight:600}.logo span{color:var(--terra2)}.nav-center{align-items:center;gap:4px;display:flex}.nav-tab{cursor:pointer;color:var(--cream3);font-size:.82rem;font-weight:500;font-family:var(--font-body);background:0 0;border:none;border-radius:50px;align-items:center;gap:5px;padding:7px 16px;transition:all .2s;display:flex}.nav-tab:hover,.nav-tab.active{background:var(--bg3);color:var(--cream)}.nav-badge{background:var(--terra);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:.62rem;font-weight:700;display:inline-flex}.nav-right{align-items:center;gap:8px;display:flex}.btn-nav-ghost{color:var(--cream2);font-size:.8rem;font-family:var(--font-body);cursor:pointer;background:0 0;border:1px solid #f2e8d926;border-radius:50px;padding:7px 16px;transition:all .2s}.btn-nav-ghost:hover{border-color:var(--cream2);color:var(--cream)}.btn-nav-fill{background:var(--terra);color:#fff;font-size:.8rem;font-weight:500;font-family:var(--font-body);cursor:pointer;border:none;border-radius:50px;padding:7px 18px;transition:all .25s}.btn-nav-fill:hover{background:var(--terra2);box-shadow:0 4px 16px #bf5c4066}.live-badge{color:var(--cream2);align-items:center;gap:6px;font-size:.78rem;display:flex}.live-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite pulse}.hero{z-index:1;text-align:center;flex-direction:column;align-items:center;padding:90px 40px 70px;display:flex;position:relative}.hero-eyebrow{color:var(--terra3);letter-spacing:.1em;text-transform:uppercase;background:#bf5c4014;border:1px solid #bf5c4059;border-radius:50px;align-items:center;gap:8px;margin-bottom:28px;padding:5px 16px;font-size:.72rem;font-weight:500;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--terra2);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.hero-h1{font-family:var(--font-display);color:var(--cream);letter-spacing:-.02em;max-width:780px;margin-bottom:20px;font-size:clamp(3rem,6vw,5.5rem);font-weight:600;line-height:1.05}.hero-h1 em{color:var(--terra2);font-style:italic}.hero-sub{color:var(--cream3);max-width:460px;margin-bottom:40px;font-size:1rem;font-weight:300;line-height:1.75}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-hero{font-size:.88rem;font-weight:500;font-family:var(--font-body);cursor:pointer;border:none;border-radius:50px;padding:13px 32px;transition:all .3s}.btn-hero-primary{background:var(--terra);color:#fff}.btn-hero-primary:hover{background:var(--terra2);transform:translateY(-2px);box-shadow:0 12px 32px #bf5c4066}.btn-hero-outline{color:var(--cream2);background:0 0;border:1px solid #f2e8d933}.btn-hero-outline:hover{border-color:var(--cream2);color:var(--cream)}.hero-proof{color:var(--green);align-items:center;gap:6px;margin-top:20px;font-size:.78rem;font-weight:500;display:flex}.stats-bar{z-index:1;background:#1a161280;border-top:1px solid #f2e8d90d;border-bottom:1px solid #f2e8d90d;flex-wrap:wrap;justify-content:center;display:flex;position:relative}.stat-item{text-align:center;padding:24px 44px;position:relative}.stat-item+.stat-item:before{content:"";background:#f2e8d912;width:1px;position:absolute;top:20%;bottom:20%;left:0}.stat-n{font-family:var(--font-display);color:var(--cream);font-size:2.2rem;font-weight:600;line-height:1}.stat-n span{color:var(--terra2)}.stat-l{color:var(--cream3);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:.7rem}.auth-wrap{z-index:1;justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:40px 20px;display:flex;position:relative}.auth-card{background:var(--bg2);border-radius:var(--radius-xl);border:1px solid #f2e8d914;width:100%;max-width:420px;padding:44px 38px}.auth-title{font-family:var(--font-display);color:var(--cream);letter-spacing:-.02em;margin-bottom:5px;font-size:2rem;font-weight:600}.auth-sub{color:var(--cream3);margin-bottom:28px;font-size:.84rem;font-weight:300}.auth-field{margin-bottom:16px}.auth-label{text-transform:uppercase;letter-spacing:.08em;color:var(--cream3);margin-bottom:7px;font-size:.72rem;font-weight:500;display:block}.auth-input{background:var(--bg3);border-radius:var(--radius-sm);width:100%;color:var(--cream);font-family:var(--font-body);border:1px solid #f2e8d91a;outline:none;padding:12px 15px;font-size:.88rem;transition:border-color .2s}.auth-input:focus{border-color:var(--terra2)}.auth-input::placeholder{color:var(--cream3)}.auth-btn{border-radius:var(--radius-md);background:var(--terra);color:#fff;width:100%;font-family:var(--font-body);cursor:pointer;border:none;margin-top:6px;padding:13px;font-size:.92rem;font-weight:500;transition:all .25s}.auth-btn:hover:not(:disabled){background:var(--terra2);box-shadow:0 6px 24px #bf5c4066}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{color:var(--cream3);align-items:center;gap:12px;margin:18px 0;font-size:.76rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#f2e8d91a;flex:1;height:1px}.auth-btn-google{border-radius:var(--radius-md);color:#333;width:100%;font-family:var(--font-body);cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.auth-btn-google:hover{background:#f0f0f0;transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.auth-switch{text-align:center;color:var(--cream3);margin-top:18px;font-size:.82rem}.auth-switch span{color:var(--terra2);cursor:pointer;font-weight:500}.auth-error{border-radius:var(--radius-sm);color:#f08080;background:#bf40401f;border:1px solid #bf40404d;margin-bottom:16px;padding:10px 13px;font-size:.8rem}.auth-success{border-radius:var(--radius-sm);color:var(--green);background:#4a9e721f;border:1px solid #4a9e724d;margin-bottom:16px;padding:10px 13px;font-size:.8rem}.avatar-upload-circle{background:var(--bg3);cursor:pointer;width:90px;height:90px;color:var(--cream3);background-position:50%;background-size:cover;border:2px dashed #bf5c4066;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin:0 auto 8px;font-size:1.4rem;transition:border-color .2s;display:flex}.avatar-upload-circle:hover{border-color:var(--terra2)}.avatar-upload-circle small{font-size:.62rem;font-family:var(--font-body);margin-top:3px}.main-layout{z-index:1;gap:24px;max-width:1200px;margin:0 auto;padding:32px 28px 60px;display:flex;position:relative}.sidebar{flex-direction:column;flex-shrink:0;gap:12px;width:260px;display:flex}.s-card{background:var(--bg2);border-radius:var(--radius-md);border:1px solid #f2e8d90f;padding:20px}.s-label{text-transform:uppercase;letter-spacing:.12em;color:var(--cream3);margin-bottom:14px;font-size:.65rem;font-weight:500}.s-row{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.s-key{color:var(--cream2);font-size:.8rem}.s-val{color:var(--terra2);font-size:.8rem;font-weight:500}input[type=range]{appearance:none;cursor:pointer;background:#f2e8d91a;border-radius:2px;outline:none;width:100%;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--terra2);border:2px solid var(--bg2);cursor:pointer;border-radius:50%;width:15px;height:15px}.interest-grid{flex-wrap:wrap;gap:6px;display:flex}.i-tag{cursor:pointer;color:var(--cream3);font-size:.72rem;font-family:var(--font-body);background:0 0;border:1px solid #f2e8d91a;border-radius:50px;padding:4px 12px;transition:all .15s}.i-tag:hover{border-color:var(--cream2);color:var(--cream2)}.i-tag.on{color:var(--terra3);background:#bf5c4024;border-color:#bf5c4073}.free-note{border-radius:var(--radius-sm);color:var(--green);background:#4a9e7214;border:1px solid #4a9e7233;margin-top:12px;padding:10px 13px;font-size:.76rem;line-height:1.5}.grid-area{flex:1;min-width:0}.grid-header{justify-content:space-between;align-items:baseline;margin-bottom:22px;display:flex}.grid-title{font-family:var(--font-display);color:var(--cream);letter-spacing:-.02em;font-size:1.7rem;font-weight:600}.grid-count{color:var(--cream3);margin-left:10px;font-size:.76rem}.sort-select{background:var(--bg2);color:var(--cream2);border-radius:var(--radius-sm);cursor:pointer;font-size:.76rem;font-family:var(--font-body);border:1px solid #f2e8d91a;outline:none;padding:7px 12px}.p-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.p-card{background:var(--bg2);border-radius:var(--radius-lg);cursor:pointer;border:1px solid #f2e8d90f;transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden}.p-card:hover{border-color:#bf5c404d;transform:translateY(-5px);box-shadow:0 20px 40px #00000080}.p-img-wrap{aspect-ratio:3/4;position:relative;overflow:hidden}.p-img{object-fit:cover;object-position:top;filter:brightness(.88)saturate(.85);width:100%;height:100%;transition:transform .5s,filter .3s}.p-card:hover .p-img{filter:brightness()saturate(1.05);transform:scale(1.05)}.p-online{background:var(--green);border:2px solid var(--bg2);border-radius:50%;width:10px;height:10px;animation:2s infinite pulse;position:absolute;top:12px;right:12px}.p-gradient{background:linear-gradient(#0000 0%,#0c0a0880 45%,#0c0a08f5 100%);flex-direction:column;justify-content:flex-end;height:60%;padding:0 14px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.p-name{font-family:var(--font-display);color:#fff;font-size:1.2rem;font-weight:600}.p-age{color:#f2e8d9b8;margin-top:1px;font-size:.8rem}.p-city{color:#f2e8d96b;margin-top:3px;font-size:.7rem}.p-body{padding:12px 14px}.p-tags{flex-wrap:wrap;gap:5px;display:flex}.p-tag{color:var(--cream3);background:#f2e8d90d;border:1px solid #f2e8d914;border-radius:50px;padding:2px 9px;font-size:.66rem}.p-actions{gap:7px;margin-top:10px;display:flex}.action-btn{border-radius:var(--radius-sm);cursor:pointer;background:#f2e8d90d;border:1px solid #f2e8d912;flex:1;padding:9px;font-size:1rem;transition:all .2s}.action-btn:hover{transform:scale(1.08)}.action-like{background:#bf5c401f;border-color:#bf5c4038}.action-like:hover{background:#bf5c4040}.action-like.liked{background:var(--terra)!important;border-color:var(--terra)!important}.action-star{background:#c998401a;border-color:#c9984033}.action-star:hover{background:#c9984038}.modal-bg{z-index:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050403e0;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg2);border-radius:var(--radius-xl);border:1px solid #f2e8d91a;width:100%;max-width:460px;animation:.3s cubic-bezier(.34,1.56,.64,1) popUp;position:relative;overflow:hidden}.modal-img{aspect-ratio:16/9;object-fit:cover;object-position:top;width:100%}.modal-close-btn{width:32px;height:32px;color:var(--cream);cursor:pointer;font-size:.95rem;font-family:var(--font-body);background:#0a0806bf;border:1px solid #f2e8d926;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;top:14px;right:14px}.modal-close-btn:hover{background:#0a0806f2}.modal-content{padding:22px}.modal-name{font-family:var(--font-display);color:var(--cream);font-size:1.9rem;font-weight:600}.modal-meta{color:var(--cream3);margin-top:3px;margin-bottom:14px;font-size:.8rem}.modal-bio{color:var(--cream2);margin-bottom:14px;font-size:.85rem;font-weight:300;line-height:1.7}.modal-tags{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.modal-tag{color:var(--terra3);background:#bf5c401a;border:1px solid #bf5c4038;border-radius:50px;padding:4px 12px;font-size:.73rem}.modal-btns{gap:9px;display:flex}.m-btn{border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);border:none;flex:1;padding:12px;font-size:.88rem;font-weight:500;transition:all .2s}.m-btn-pass{color:var(--cream2);background:#f2e8d912;border:1px solid #f2e8d91a}.m-btn-like{background:var(--terra);color:#fff}.m-btn-like:hover{background:var(--terra2);box-shadow:0 6px 24px #bf5c4073}.match-toast{z-index:900;background:var(--bg3);border-radius:var(--radius-md);border:1px solid #bf5c4066;align-items:center;gap:12px;max-width:290px;padding:14px 18px;animation:.4s cubic-bezier(.34,1.56,.64,1) toastIn;display:flex;position:fixed;bottom:32px;right:32px;box-shadow:0 20px 50px #000000b3}.toast-avatar{object-fit:cover;border:2px solid var(--terra);border-radius:50%;flex-shrink:0;width:46px;height:46px}.toast-label{text-transform:uppercase;letter-spacing:.1em;color:var(--terra2);font-size:.62rem;font-weight:500}.toast-name{font-family:var(--font-display);color:var(--cream);margin-top:1px;font-size:1.05rem;font-weight:600}.toast-sub{color:var(--cream3);margin-top:1px;font-size:.72rem}.toast-x{color:var(--cream3);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:3px;font-size:1.1rem}.footer{z-index:1;border-top:1px solid #f2e8d90d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:24px 32px;display:flex;position:relative}.footer-logo{font-family:var(--font-display);color:var(--cream2);font-size:1.2rem;font-weight:600}.footer-logo span{color:var(--terra2)}.footer-links{gap:20px;display:flex}.f-link{color:var(--cream3);cursor:pointer;font-size:.74rem;transition:color .15s}.f-link:hover{color:var(--cream2)}.footer-note{color:var(--cream3);font-size:.72rem}.empty{text-align:center;padding:60px 20px}.empty-ico{margin-bottom:12px;font-size:2.2rem}.empty-title{font-family:var(--font-display);color:var(--cream2);margin-bottom:6px;font-size:1.3rem}.empty-sub{color:var(--cream3);font-size:.82rem}.matches-layout{z-index:1;height:calc(100vh - 60px);display:flex;position:relative;overflow:hidden}.matches-list{background:var(--bg2);border-right:1px solid #f2e8d912;flex-direction:column;flex-shrink:0;width:280px;display:flex;overflow-y:auto}.matches-list-header{border-bottom:1px solid #f2e8d90f;flex-shrink:0;padding:18px 18px 10px}.matches-list-title{font-family:var(--font-display);color:var(--cream);font-size:1.2rem;font-weight:600}.matches-list-sub{color:var(--cream3);margin-top:3px;font-size:.72rem}.room-item{cursor:pointer;border-bottom:1px solid #f2e8d908;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex;position:relative}.room-item:hover{background:#f2e8d90a}.room-item.active{border-right:3px solid var(--terra);background:#bf5c401f}.room-emoji-box{background:var(--bg3);border:1px solid #f2e8d914;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;transition:background .15s;display:flex}.room-item.active .room-emoji-box{background:#bf5c4033;border-color:#bf5c404d}.room-item-name{color:var(--cream);font-size:.88rem;font-weight:500}.room-item-desc{color:var(--cream3);margin-top:2px;font-size:.72rem;line-height:1.3}.match-item{cursor:pointer;border-bottom:1px solid #f2e8d908;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.match-item:hover{background:#f2e8d90a}.match-item.active{border-right:3px solid var(--terra);background:#bf5c401f}.match-avatar-sm{object-fit:cover;border:2px solid var(--bg4);border-radius:50%;flex-shrink:0;width:44px;height:44px}.match-item.active .match-avatar-sm{border-color:var(--terra)}.matches-empty-chat{background:var(--bg);flex:1;justify-content:center;align-items:center;display:flex}.chat-area{background:var(--bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-header{background:var(--bg2);border-bottom:1px solid #f2e8d912;flex-shrink:0;align-items:center;gap:14px;padding:14px 22px;display:flex}.chat-header-title{color:var(--cream);font-size:.95rem;font-weight:600}.chat-header-sub{margin-top:1px;font-size:.72rem}.chat-messages{flex-direction:column;flex:1;gap:4px;padding:20px 22px;display:flex;overflow-y:auto}.msg{flex-direction:column;max-width:65%;margin-bottom:2px;display:flex}.msg-me{align-self:flex-end;align-items:flex-end}.msg-them{align-self:flex-start;align-items:flex-start}.msg-sender{color:var(--cream3);align-items:center;gap:5px;margin-bottom:3px;font-size:.68rem;display:flex}.msg-sender img{border-radius:50%;width:15px;height:15px}.msg-bubble{word-break:break-word;border-radius:16px;padding:9px 13px;font-size:.86rem;line-height:1.5}.msg-me .msg-bubble{background:var(--terra);color:#fff;border-bottom-right-radius:4px}.msg-them .msg-bubble{background:var(--bg3);color:var(--cream);border:1px solid #f2e8d912;border-bottom-left-radius:4px}.msg-james .msg-bubble{color:var(--cream);background:#bf5c4026;border:1px solid #bf5c4040;border-bottom-left-radius:4px}.msg-time{color:var(--cream3);margin-top:3px;padding:0 3px;font-size:.62rem}.typing-indicator{align-items:center;gap:8px;padding:8px 0;display:flex}.typing-dots span{background:var(--terra2);border-radius:50%;width:7px;height:7px;margin:0 2px;animation:1.2s infinite typingBounce;display:inline-block}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.chat-input-wrap{background:var(--bg2);border-top:1px solid #f2e8d912;flex-shrink:0;gap:10px;padding:14px 20px;display:flex}.chat-input{background:var(--bg3);color:var(--cream);font-family:var(--font-body);border:1px solid #f2e8d91a;border-radius:50px;outline:none;flex:1;padding:11px 16px;font-size:.86rem;transition:border-color .2s}.chat-input:focus{border-color:var(--terra2)}.chat-input::placeholder{color:var(--cream3)}.chat-send{background:var(--terra);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;transition:all .2s;display:flex}.chat-send:hover:not(:disabled){background:var(--terra2);transform:scale(1.05)}.chat-send:disabled{opacity:.35;cursor:not-allowed}.james-badge{background:#bf5c401a;border:1px solid #bf5c4033;border-radius:50px;align-items:center;gap:7px;margin-left:auto;padding:4px 12px 4px 6px;display:flex}.james-badge img{border-radius:50%;width:24px;height:24px}.james-badge span{color:var(--terra2);font-size:.75rem;font-weight:500}@media (width<=900px){.main-layout{flex-direction:column;padding:20px 16px 50px}.sidebar{width:100%}.matches-list{width:220px}}@media (width<=640px){.nav{padding:0 16px}.nav-center{display:none}.hero{padding:56px 18px 48px}.hero-h1{font-size:2.4rem}.auth-card{padding:28px 20px}.matches-layout{flex-direction:column;height:auto}.matches-list{width:100%;height:200px}}.msg-alfred-bubble{color:var(--cream)!important;background:#bf5c402e!important;border:1px solid #bf5c404d!important}.cmd-palette{background:var(--bg2);border-radius:var(--radius-md);z-index:100;border:1px solid #bf5c4059;animation:.15s fadeIn;position:absolute;bottom:calc(100% + 8px);left:20px;right:20px;overflow:hidden;box-shadow:0 -12px 40px #00000080}.cmd-palette-title{text-transform:uppercase;letter-spacing:.1em;color:var(--terra2);border-bottom:1px solid #f2e8d90f;padding:10px 16px 8px;font-size:.68rem;font-weight:500}.cmd-item{cursor:pointer;border-bottom:1px solid #f2e8d90a;align-items:baseline;gap:12px;padding:10px 16px;transition:background .12s;display:flex}.cmd-item:last-child{border-bottom:none}.cmd-item:hover{background:#bf5c401a}.cmd-name{color:var(--terra3);min-width:120px;font-family:monospace;font-size:.84rem;font-weight:500}.cmd-desc{color:var(--cream3);font-size:.76rem}.msg-alfred-bubble{white-space:pre-line;color:var(--cream)!important;background:#bf5c402e!important;border:1px solid #bf5c404d!important}.room-category-label{text-transform:uppercase;letter-spacing:.12em;color:var(--cream3);background:var(--bg);border-bottom:1px solid #f2e8d90d;padding:10px 16px 5px;font-size:.62rem;font-weight:600}.room-official{background:var(--terra);color:#fff;vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;margin-left:5px;font-size:.55rem;display:inline-flex}.bottom-nav{display:none}@media (width<=768px){.bottom-nav{z-index:300;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:8px 0 max(8px, env(safe-area-inset-bottom));background:#141210f7;border-top:1px solid #f2e8d914;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-center,.nav-right .btn-nav-ghost:not(:last-child){display:none}.main-layout{padding-bottom:90px!important}.grid-area{padding-bottom:20px}.matches-layout{height:auto!important;display:block!important}.matches-list{border-right:none!important;width:100%!important;max-height:none!important;overflow-y:visible!important}.matches-empty-chat{display:none!important}.chat-area{width:100%!important;height:auto!important}.chat-messages{-webkit-overflow-scrolling:touch;height:50vh;overflow-y:auto}.map-container{height:calc(100vh - 125px)!important}.hero{padding:40px 20px 32px!important}.hero-h1{font-size:2.2rem!important}.stats-bar{display:none}}.bottom-nav-item{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px 0;transition:transform .15s;display:flex;position:relative}.bottom-nav-item:active{transform:scale(.9)}.bottom-nav-item.active .bottom-nav-icon{filter:brightness(1.5)}.bottom-nav-item.active .bottom-nav-label{color:var(--terra2)}.bottom-nav-icon{font-size:1.4rem;line-height:1;position:relative}.bottom-nav-label{color:var(--cream3);font-size:.62rem;font-family:var(--font-body);letter-spacing:.02em;font-weight:500}.mobile-back-btn{color:var(--terra2);cursor:pointer;font-size:.85rem;font-weight:500;font-family:var(--font-body);white-space:nowrap;background:0 0;border:none;border-radius:8px;flex-shrink:0;margin-right:6px;padding:6px 10px;display:none}@media (width<=768px){.mobile-back-btn{align-items:center;display:flex}.matches-layout{-webkit-overflow-scrolling:touch;height:calc(100vh - 125px)!important;display:block!important;overflow-y:auto!important}.matches-list{border-right:none!important;width:100%!important;height:auto!important;max-height:none!important;overflow-y:visible!important}.matches-empty-chat{display:none!important}.chat-area{min-height:50vh;flex-direction:column!important;width:100%!important;display:flex!important}.chat-messages{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.chat-input-wrap{flex-shrink:0}}.msg-mine-group{color:var(--cream)!important;background:#bf5c401f!important;border:1px solid #bf5c4040!important}