:root{--bg-0: #000000;--bg-1: #03000a;--bg-2: #08021a;--bg-3: #0f0326;--accent: #a855f7;--accent-2: #7c3aed;--accent-3: #c084fc;--accent-bright: #e9d5ff;--accent-deep: #4c1d95;--accent-glow: rgba(168, 85, 247, .6);--accent-glow-strong: rgba(192, 132, 252, .9);--ink: #f5f3ff;--ink-dim: #b49ce8;--mute: #7c6ba8;--online: #34d399;--warning: #fbbf24;--danger: #f87171;--glass: rgba(15, 5, 35, .65);--glass-strong: rgba(20, 8, 45, .85);--glass-border: rgba(168, 85, 247, .22);--glass-highlight: rgba(233, 213, 255, .08);--radius: 20px;--radius-sm: 14px;--radius-xs: 10px;--font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(233, 213, 255, .08);--neu-inset: inset 3px 3px 8px rgba(0, 0, 0, .55), inset -2px -2px 6px rgba(168, 85, 247, .07);--vyra-clip: polygon( 0 26px, 26px 0, calc(50% - 72px) 0, 50% 40px, calc(50% + 72px) 0, calc(100% - 26px) 0, 100% 26px, 100% calc(100% - 26px) , calc(100% - 26px) 100%, 26px 100%, 0 calc(100% - 26px) )}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;min-height:100%;background:#000;color:var(--ink);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}button,input,select,textarea{font:inherit;color:inherit;font-family:inherit}button{cursor:pointer;border:0;background:none;padding:0}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#a855f740;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a855f780}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(ellipse 60% 40% at 50% 8%,rgba(168,85,247,.42) 0%,rgba(124,58,237,.22) 25%,transparent 60%),radial-gradient(ellipse 70% 50% at 15% 70%,rgba(147,51,234,.15) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 85% 95%,rgba(192,132,252,.12) 0%,transparent 55%),linear-gradient(180deg,#000,#03000a 40%,#08021a 75%,#0f0326)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(233,213,255,.035) 1px,transparent 0);background-size:30px 30px}@keyframes vyra-pulse{0%,to{filter:drop-shadow(0 0 26px rgba(168,85,247,.55))}50%{filter:drop-shadow(0 0 48px rgba(192,132,252,.9))}}@keyframes vyra-spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes float-y{50%{transform:translateY(-8px)}}@keyframes glow-breathe{0%,to{opacity:.85}50%{opacity:1}}@keyframes node-ring{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.6);opacity:0}}.page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 18px calc(24px + env(safe-area-inset-bottom,0px));min-height:100vh;min-height:100dvh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 26px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent-3) 0%,var(--accent) 45%,var(--accent-2) 100%);color:#fff;font-weight:700;font-size:15px;letter-spacing:.02em;box-shadow:0 10px 30px var(--accent-glow),inset 0 1px #ffffff40,inset 0 -1px #0003;transition:transform .15s var(--ease),filter .2s,box-shadow .2s;-webkit-user-select:none;user-select:none;width:100%;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transform:translate(-120%);transition:transform .6s var(--ease)}.btn:hover{filter:brightness(1.1);box-shadow:0 14px 44px var(--accent-glow-strong),inset 0 1px #ffffff4d}.btn:hover:after{transform:translate(120%)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:default;transform:none;filter:none}.btn:disabled:after{display:none}.btn-ghost{background:var(--glass);border:1px solid var(--glass-border);box-shadow:none;color:var(--ink);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.btn-ghost:after{display:none}.btn-ghost:hover{background:var(--glass-strong);border-color:var(--accent);box-shadow:0 8px 30px #a855f738;filter:none}.input{width:100%;padding:15px 18px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#03000abf;color:var(--ink);outline:none;font-size:15px;box-shadow:var(--neu-inset);transition:border-color .2s,box-shadow .2s,background .2s}.input:focus{border-color:var(--accent);background:#0a0318e6;box-shadow:0 0 0 3px var(--accent-glow),var(--neu-inset)}.input::placeholder{color:var(--mute)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b49ce8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 18px center;padding-right:44px;cursor:pointer}select.input option{background:#0a0318;color:var(--ink)}.pw-wrap{position:relative;width:100%}.pw-input{padding-right:52px!important}.pw-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;color:var(--mute);transition:color .15s,background .15s;cursor:pointer}.pw-toggle:hover{color:var(--accent-bright);background:#a855f714}.pw-toggle:active{transform:translateY(-50%) scale(.92)}.input-group{display:flex;flex-direction:column;gap:6px}.input-hint{font-size:11px;padding-left:4px;letter-spacing:.02em;transition:color .2s}.input-hint.ok{color:var(--online)}.input-hint.bad{color:var(--mute)}.input-hint.bad:before{content:"• "}.input-hint.ok:before{content:"✓ "}.vyra-card{position:relative;padding:1.5px;background:linear-gradient(135deg,var(--accent-3) 0%,var(--accent) 30%,var(--accent-2) 70%,var(--accent-3) 100%);clip-path:var(--vyra-clip);animation:fade-up .6s var(--ease) both;filter:drop-shadow(0 24px 48px rgba(168,85,247,.32))}.vyra-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(233,213,255,.35),transparent 40%,transparent 60%,rgba(192,132,252,.25));clip-path:var(--vyra-clip);pointer-events:none;mix-blend-mode:overlay}.vyra-card-inner{position:relative;width:100%;height:100%;background:radial-gradient(ellipse 100% 60% at 50% 0%,rgba(147,51,234,.18),transparent 70%),#04010cf0;backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);clip-path:var(--vyra-clip);padding:52px 28px 34px;animation:glow-breathe 4s ease-in-out infinite}.auth-wrap{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px 18px calc(24px + env(safe-area-inset-bottom,0px))}.auth-card{width:100%;max-width:420px}.auth-brand{display:flex;justify-content:center;margin-bottom:18px}.auth-brand img{width:68px;height:auto;animation:vyra-pulse 3s ease-in-out infinite;-webkit-user-select:none;user-select:none;pointer-events:none}.auth-title{margin:0 0 6px;font-size:25px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#f5f3ff 10%,#c084fc,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}.auth-sub{margin:0 0 22px;color:var(--mute);font-size:13px;text-align:center;letter-spacing:.02em}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-err{color:var(--danger);font-size:13px;text-align:center;min-height:18px;padding:0 8px}.auth-ok{color:var(--online);font-size:13px;text-align:center;min-height:18px}.auth-btn{margin-top:6px}.auth-alt{margin:22px 0 0;text-align:center;font-size:13px;color:var(--mute)}.auth-alt a{color:var(--accent-3);font-weight:600;transition:opacity .2s}.auth-alt a:hover{opacity:.85}.pin-input{font-size:24px!important;letter-spacing:14px;text-align:center;font-weight:800;padding:18px 16px!important}.onb-wrap{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:32px 20px calc(32px + env(safe-area-inset-bottom,0px));max-width:500px;margin:0 auto;width:100%}.onb-progress{display:flex;gap:6px;margin-bottom:36px}.onb-bar{flex:1;height:3px;border-radius:3px;background:#a855f726;transition:background .3s}.onb-bar.on{background:linear-gradient(90deg,var(--accent-3),var(--accent),var(--accent-2));box-shadow:0 0 12px var(--accent-glow)}.onb-card{flex:1;display:flex;flex-direction:column}.onb-step-num{font-size:11px;letter-spacing:.3em;color:var(--mute);text-transform:uppercase;font-weight:600;margin-bottom:8px}.onb-title{margin:0 0 8px;font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1.15;background:linear-gradient(135deg,#f5f3ff 10%,#c084fc,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}.onb-sub{margin:0 0 24px;color:var(--mute);font-size:14px;line-height:1.5}.onb-textarea{min-height:80px;resize:vertical;font-family:inherit;margin-top:12px}.onb-count{margin-top:12px;font-size:12px;color:var(--mute);text-align:right}.onb-actions{display:flex;gap:10px;margin-top:32px;padding-top:8px}.int-grid{display:flex;flex-wrap:wrap;gap:8px}.int-chip{padding:9px 15px;border-radius:99px;background:#03000ab3;border:1px solid var(--glass-border);color:var(--ink-dim);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.int-chip:hover{border-color:var(--accent);color:var(--ink)}.int-chip.on{background:linear-gradient(135deg,#a855f74d,#7c3aed33);border-color:var(--accent);color:var(--ink);box-shadow:0 0 0 3px #a855f72e}.profile-wrap{width:100%;max-width:460px}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;background:var(--glass);border:1px solid var(--glass-border);color:var(--ink-dim);font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .15s}.back-btn:hover{color:var(--ink);border-color:var(--accent)}.profile-avatar{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,var(--accent-3),var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:800;color:#fff;box-shadow:0 12px 32px var(--accent-glow),inset 0 1px #ffffff4d;border:3px solid rgba(233,213,255,.35)}.profile-name{margin:16px 0 4px;font-size:22px;font-weight:800;letter-spacing:-.02em;text-align:center}.profile-meta{margin:0;font-size:13px;color:var(--mute);text-align:center}.profile-premium{margin-top:10px;padding:4px 12px;border-radius:99px;background:linear-gradient(135deg,#a855f74d,#7c3aed33);border:1px solid var(--accent);color:var(--accent-bright);font-size:12px;font-weight:700}.profile-form{margin-top:28px;display:flex;flex-direction:column;gap:8px}.profile-label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--mute);font-weight:700;margin-top:8px}.map-page{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative}.map-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));z-index:10;flex-shrink:0}.map-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;letter-spacing:.01em}.map-brand img{width:30px;height:auto;animation:vyra-pulse 3s ease-in-out infinite}.map-header-right{display:flex;gap:8px}.map-icon-btn{width:40px;height:40px;border-radius:50%;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;color:var(--ink-dim);transition:background .2s,color .2s,transform .15s;flex-shrink:0}.map-icon-btn:hover{background:var(--glass-strong);color:var(--ink)}.map-icon-btn:active{transform:scale(.92)}.map-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:0 12px;min-height:0;overflow:hidden}.map-hint{text-align:center;padding:10px 20px calc(16px + env(safe-area-inset-bottom,0px));color:var(--mute);font-size:10px;letter-spacing:.22em;text-transform:uppercase;flex-shrink:0;font-weight:600}.vyra-map{position:relative;width:100%;max-width:100%;aspect-ratio:1 / 1;margin:0 auto}.vyra-map-halo{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background:radial-gradient(ellipse 60% 50% at 50% 45%,rgba(168,85,247,.22),transparent 70%);pointer-events:none;z-index:0}.vyra-map-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(168,85,247,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.06) 1px,transparent 1px);background-size:10% 10%;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 40%,transparent 90%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 40%,transparent 90%);pointer-events:none;z-index:1}.vyra-node{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;z-index:3;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.vyra-node-dot{display:block;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c084fc,#7c3aed 60%,#4c1d95);transition:box-shadow .3s}.vyra-node.active .vyra-node-dot{background:radial-gradient(circle at 35% 35%,#e9d5ff,#a855f7 55%,#7c3aed)}.vyra-node.mine .vyra-node-dot{outline:2px solid var(--accent-bright);outline-offset:3px}.vyra-node-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(168,85,247,.6);animation:node-ring 2.4s ease-out infinite;pointer-events:none}.vyra-node-label{position:absolute;top:100%;margin-top:8px;font-size:10px;color:var(--ink-dim);white-space:nowrap;font-weight:700;letter-spacing:.02em;pointer-events:none;display:inline-flex;align-items:center;gap:4px}.vyra-node-label.mine{color:var(--accent-bright)}.vyra-node-label em{font-style:normal;background:var(--accent);color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:99px;line-height:1.3}.map-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:40}.map-drawer{position:fixed;z-index:50;left:0;right:0;bottom:0;max-height:88vh;max-height:88dvh;background:#060210f7;backdrop-filter:blur(32px) saturate(1.5);-webkit-backdrop-filter:blur(32px) saturate(1.5);border-top-left-radius:28px;border-top-right-radius:28px;border-top:1px solid var(--glass-border);box-shadow:0 -16px 60px #a855f747;display:flex;flex-direction:column;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0px)}.map-drawer-handle{width:44px;height:4px;border-radius:4px;background:#a855f773;margin:12px auto 8px;flex-shrink:0}.map-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;padding:4px 20px 16px;gap:12px;flex-shrink:0}.map-drawer-label{font-size:10px;letter-spacing:.3em;color:var(--mute);text-transform:uppercase;font-weight:700}.map-drawer-title{margin:4px 0 0;font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.15;background:linear-gradient(135deg,#f5f3ff 10%,#c084fc,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}.map-drawer-body{flex:1;min-height:0;padding:4px 20px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.map-drawer-footer{padding:12px 20px 20px;border-top:1px solid var(--glass-border);background:#060210e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0}.map-empty{text-align:center;padding:28px 8px;color:var(--mute);font-size:13px}.map-empty-icon{font-size:40px;margin-bottom:12px;filter:drop-shadow(0 4px 12px rgba(168,85,247,.4))}.map-empty-title{color:var(--ink);font-weight:800;font-size:17px;margin-bottom:6px;letter-spacing:-.01em}.map-empty-sub{font-size:13px;line-height:1.5;max-width:280px;margin:0 auto}.map-loading{width:26px;height:26px;border-radius:50%;border:2.5px solid rgba(168,85,247,.25);border-top-color:var(--accent);animation:vyra-spin .8s linear infinite;margin:0 auto 12px}.map-room-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.map-room{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#a855f712;border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:background .15s,transform .15s,border-color .15s;cursor:pointer;-webkit-tap-highlight-color:transparent}.map-room:hover{background:#a855f724;border-color:var(--accent)}.map-room:active{transform:scale(.99);background:#a855f733}.map-room-emoji{font-size:24px;line-height:1;flex-shrink:0}.map-room-info{flex:1;min-width:0}.map-room-name{font-weight:700;font-size:15px;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-room-meta{margin-top:4px;font-size:12px;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-modal{position:fixed;z-index:60;left:0;right:0;bottom:0;max-height:92vh;max-height:92dvh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0px)}.create-modal-inner{width:100%;background:#060210f7;backdrop-filter:blur(32px) saturate(1.5);-webkit-backdrop-filter:blur(32px) saturate(1.5);border-top-left-radius:28px;border-top-right-radius:28px;border-top:1px solid var(--glass-border);box-shadow:0 -16px 60px #a855f74d;display:flex;flex-direction:column;max-height:92dvh;overflow:hidden}.create-modal-handle{width:44px;height:4px;border-radius:4px;background:#a855f773;margin:12px auto 8px;flex-shrink:0}.create-modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:4px 20px 12px;gap:12px;flex-shrink:0}.create-modal-title{margin:4px 0 2px;font-size:22px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#f5f3ff 10%,#c084fc,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}.create-modal-sub{margin:0;color:var(--mute);font-size:13px}.create-modal-form{display:flex;flex-direction:column;min-height:0;flex:1}.create-modal-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 20px 16px}.create-modal-footer{display:flex;gap:10px;padding:12px 20px 20px;border-top:1px solid var(--glass-border);background:#060210e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cat-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 8px;border-radius:var(--radius-sm);background:#03000ab3;border:1px solid var(--glass-border);color:var(--ink-dim);font-size:11px;font-weight:700;letter-spacing:.02em;transition:all .15s;cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:68px}.cat-chip span:first-child{font-size:22px;line-height:1}.cat-chip:hover{border-color:var(--accent);color:var(--ink)}.cat-chip:active{transform:scale(.96)}.cat-chip.on{background:linear-gradient(135deg,#a855f74d,#7c3aed2e);border-color:var(--accent);color:var(--ink);box-shadow:0 0 0 3px #a855f733,inset 0 1px #ffffff26}@media(min-width:640px){.landing-logo{width:200px}.landing-head{font-size:32px;margin-top:34px;max-width:400px}.landing-sub{font-size:15px;max-width:400px}.landing-actions{max-width:380px;flex-direction:row}.landing-actions .btn{flex:1}.auth-card{max-width:440px}.vyra-card-inner{padding:60px 40px 40px}.auth-brand img{width:78px}.auth-title{font-size:28px}.vyra-map{aspect-ratio:13 / 10;max-width:560px}.map-header{padding:18px 24px}}@media(min-width:720px){.map-drawer{left:auto;right:0;top:0;bottom:0;width:400px;max-height:100vh;max-height:100dvh;border-radius:0;border-left:1px solid var(--glass-border);border-top:0}.map-drawer-handle{display:none}.map-drawer-head{padding:28px 24px 16px}.map-drawer-body{padding:4px 24px 20px}.map-drawer-footer{padding:16px 24px 24px}.create-modal{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);max-width:460px;max-height:90vh;width:calc(100vw - 40px)}.create-modal-inner{border-radius:24px;border:1px solid var(--glass-border);max-height:90vh;box-shadow:0 24px 80px #a855f766}.create-modal-handle{display:none}.create-modal-head{padding:24px 24px 12px}.create-modal-body{padding:4px 24px 16px}.create-modal-footer{padding:16px 24px 20px}.cat-grid{grid-template-columns:repeat(3,1fr);gap:10px}.cat-chip{min-height:76px}.home-logo{width:170px}}@media(min-width:1024px){.landing-logo{width:220px}.landing-head{font-size:38px}.home-logo{width:200px}.vyra-map{max-width:660px}}@media(min-width:1100px){.vyra-map{max-width:700px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.room-page{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.room-header{display:flex;align-items:center;gap:12px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--glass-border);background:#060210bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0;z-index:5}.room-header-info{flex:1;min-width:0}.room-header-top{display:flex;align-items:center;gap:8px;min-width:0}.room-header-emoji{font-size:20px;line-height:1;flex-shrink:0}.room-header-name{font-weight:800;font-size:16px;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-header-sub{margin-top:2px;font-size:12px;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-messages{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px 14px 12px;display:flex;flex-direction:column;gap:6px}.room-msg{max-width:82%;align-self:flex-start;padding:10px 14px 8px;background:#a855f71a;border:1px solid var(--glass-border);border-radius:18px 18px 18px 6px;font-size:15px;line-height:1.4;overflow-wrap:anywhere;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.room-msg.me{align-self:flex-end;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:1px solid rgba(233,213,255,.25);border-radius:18px 18px 6px;color:#fff;box-shadow:0 6px 20px #a855f759}.room-msg-name{font-size:12px;font-weight:700;color:var(--accent-3);margin-bottom:3px;letter-spacing:.01em}.room-msg.me .room-msg-name{display:none}.room-msg-text{white-space:pre-wrap;word-break:break-word}.room-msg-time{font-size:10px;color:var(--mute);margin-top:4px;text-align:right;opacity:.7}.room-msg.me .room-msg-time{color:#ffffffb3}.room-composer{display:flex;gap:8px;padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--glass-border);background:#060210d9;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);flex-shrink:0}.room-input{flex:1;padding:13px 18px!important;border-radius:26px!important;font-size:15px}.room-send{width:48px!important;height:48px;padding:0!important;border-radius:50%!important;flex-shrink:0;display:flex;align-items:center;justify-content:center}.room-send svg{margin-left:-2px;margin-top:1px}.room-err{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#f87171f2;color:#fff;padding:10px 18px;border-radius:12px;font-size:13px;font-weight:600;z-index:100;box-shadow:0 8px 24px #00000080;animation:fade-up .3s var(--ease)}@media(min-width:720px){.room-page{max-width:780px;margin:0 auto;border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border)}.room-msg{max-width:65%}.room-messages{padding:20px 24px 12px}.room-composer{padding:12px 20px calc(14px + env(safe-area-inset-bottom,0px))}.room-header{padding:14px 20px}}.place-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 20px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-shrink:0}.place-strip::-webkit-scrollbar{display:none}.modal-strip{padding:4px 0;flex-wrap:wrap;overflow-x:visible}.place-chip{flex-shrink:0;padding:8px 14px;border-radius:99px;background:#03000ab3;border:1px solid var(--glass-border);color:var(--ink-dim);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;-webkit-tap-highlight-color:transparent}.place-chip:hover{border-color:var(--accent);color:var(--ink)}.place-chip:active{transform:scale(.96)}.place-chip.on{background:linear-gradient(135deg,#a855f74d,#7c3aed33);border-color:var(--accent);color:var(--ink);box-shadow:0 0 0 3px #a855f72e}.place-chip.school{border-color:#e9d5ff4d}.place-chip.school.on{background:linear-gradient(135deg,#e9d5ff33,#a855f740)}.place-chip.custom{border-style:dashed;border-color:#a855f780;color:var(--accent-3)}.place-chip.custom.on{border-style:solid;background:linear-gradient(135deg,#a855f74d,#7c3aed33);color:var(--ink)}.app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;width:100%;position:relative}.app-mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:#060210d9;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-bottom:1px solid var(--glass-border);flex-shrink:0;z-index:20}.mobile-menu-btn{width:42px;height:42px;border-radius:12px;background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.mobile-menu-btn:hover{background:#a855f71f}.mobile-menu-btn:active{transform:scale(.92)}.mobile-topbar-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--ink);min-width:0}.mobile-topbar-title img{width:24px;height:auto;animation:vyra-pulse 3s ease-in-out infinite;flex-shrink:0}.mobile-topbar-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-topbar-spacer{width:42px;height:42px;flex-shrink:0}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:290px;max-width:86vw;z-index:70;display:flex;flex-direction:column;background:#060210fa;backdrop-filter:blur(32px) saturate(1.5);-webkit-backdrop-filter:blur(32px) saturate(1.5);border-right:1px solid var(--glass-border);padding:20px 12px 16px;padding-top:calc(20px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-100%);transition:transform .28s var(--ease);overflow-y:auto;overscroll-behavior:contain;box-shadow:24px 0 60px #0009}.app-sidebar.open{transform:translate(0)}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fade-in .2s var(--ease)}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.sidebar-close{width:36px;height:36px;border-radius:10px;background:transparent;color:var(--mute);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.sidebar-close:hover{background:#a855f71f;color:var(--ink)}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:6px 12px 14px;font-weight:800;font-size:18px;letter-spacing:-.02em;background:linear-gradient(135deg,#f5f3ff 10%,#c084fc,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}.sidebar-brand img{width:30px;height:auto;animation:vyra-pulse 3s ease-in-out infinite}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1;margin-top:4px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:var(--radius-sm);color:var(--ink-dim);font-weight:600;font-size:15px;transition:background .15s,color .15s;position:relative}.sidebar-link:hover{background:#a855f714;color:var(--ink)}.sidebar-link.on{background:linear-gradient(135deg,#a855f738,#7c3aed24);color:var(--ink);box-shadow:inset 3px 0 0 var(--accent);padding-left:11px}.sidebar-link.on svg{color:var(--accent-3);filter:drop-shadow(0 0 8px var(--accent-glow))}.sidebar-foot{display:flex;align-items:center;gap:8px;padding:12px 6px 0;border-top:1px solid var(--glass-border);margin-top:12px}.sidebar-user{display:flex;align-items:center;gap:10px;flex:1;padding:8px 10px;border-radius:var(--radius-sm);text-align:left;min-width:0;transition:background .15s}.sidebar-user:hover{background:#a855f71a}.sidebar-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--accent-3),var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;flex-shrink:0;box-shadow:0 4px 14px var(--accent-glow);border:1.5px solid rgba(233,213,255,.3)}.sidebar-user-info{display:flex;flex-direction:column;min-width:0;flex:1}.sidebar-user-name{font-weight:700;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-meta{font-size:11px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout{width:38px;height:38px;border-radius:10px;background:transparent;color:var(--mute);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0}.sidebar-logout:hover{background:#f871711f;color:var(--danger)}.app-main{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;position:relative}.app-bottom-nav{display:flex;flex-shrink:0;background:#060210f0;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-top:1px solid var(--glass-border);padding-bottom:env(safe-area-inset-bottom,0px);justify-content:space-around;box-shadow:0 -4px 24px #0006;z-index:20}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 12px;color:var(--mute);font-size:10px;font-weight:600;letter-spacing:.04em;transition:color .2s}.bottom-nav-item svg{transition:transform .2s var(--ease-spring)}.bottom-nav-item:active svg{transform:scale(.85)}.bottom-nav-item.on{color:var(--accent-3)}.bottom-nav-item.on svg{filter:drop-shadow(0 0 8px var(--accent-glow))}@media(min-width:900px){.app-shell{flex-direction:row}.app-mobile-topbar{display:none}.app-sidebar{position:static;transform:none;width:260px;max-width:none;box-shadow:none;transition:none;flex-shrink:0}.sidebar-close,.app-bottom-nav{display:none}}.app-page-header{padding:18px 20px 12px;padding-top:calc(18px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--glass-border);background:#06021099;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0}.app-page-title h1{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#f5f3ff 10%,#c084fc,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.app-page-title span{display:block;margin-top:4px;font-size:12px;color:var(--mute)}@media(min-width:900px){.app-page-header{padding:24px 28px 16px}.app-page-title h1{font-size:26px}}.chat-list-page{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.chat-list-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px 16px 24px}@media(min-width:900px){.chat-list-scroll{padding:20px 28px 32px;max-width:780px}}.chat-list-empty{text-align:center;padding:60px 20px;color:var(--mute);display:flex;flex-direction:column;align-items:center}.chat-group{margin-bottom:22px}.chat-group-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 4px 8px}.chat-group-name{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);font-weight:700}.chat-group-meta{font-size:11px;color:var(--mute)}.chat-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.chat-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#a855f70f;border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:background .15s,border-color .15s,transform .15s;cursor:pointer;-webkit-tap-highlight-color:transparent}.chat-row:hover{background:#a855f721;border-color:var(--accent)}.chat-row:active{transform:scale(.99)}.chat-row-emoji{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;background:linear-gradient(135deg,#a855f738,#7c3aed24);border:1px solid var(--glass-border);flex-shrink:0}.chat-row-info{flex:1;min-width:0}.chat-row-name{font-weight:700;font-size:15px;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row-meta{margin-top:4px;font-size:12px;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-page-shell{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.profile-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:20px 16px 32px}@media(min-width:900px){.profile-scroll{padding:24px 28px 40px;max-width:620px}}.map-page{height:100%;min-height:0;overflow:hidden}@media(max-width:899px){.map-header{display:none}}.map-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px 12px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.vyra-map{width:100%;max-width:min(94vw,500px);aspect-ratio:1 / 1;flex-shrink:0}@media(min-width:640px){.vyra-map{max-width:min(86vw,560px)}}@media(min-width:900px){.map-header{display:flex}.vyra-map{max-width:min(76vw,660px)}.map-stage{padding:12px 24px}}.connect-page{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.connect-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:24px 20px 40px;max-width:620px;width:100%;margin:0 auto}.connect-hero{text-align:center;padding:8px 0 28px}.connect-orb{width:96px;height:96px;margin:0 auto 18px;border-radius:28px;background:linear-gradient(135deg,var(--accent-3),var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;gap:4px;color:#fff;font-size:32px;font-weight:900;letter-spacing:-.02em;box-shadow:0 16px 48px var(--accent-glow-strong),inset 0 2px #ffffff4d;animation:vyra-pulse 3s ease-in-out infinite;position:relative}.connect-orb small{font-size:20px;opacity:.6}.connect-orb:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:34px;background:conic-gradient(from 0deg,transparent,var(--accent-glow),transparent 40%);z-index:-1;animation:vyra-spin 6s linear infinite}.connect-title{margin:0 0 6px;font-size:28px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#f5f3ff 10%,#c084fc,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}.connect-sub{margin:0 auto;color:var(--mute);font-size:13.5px;line-height:1.55;max-width:340px}.connect-menu{display:flex;flex-direction:column;gap:12px}.connect-option{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-border);text-align:left;transition:all .2s var(--ease);cursor:pointer;-webkit-tap-highlight-color:transparent}.connect-option:hover{border-color:var(--accent);background:var(--glass-strong);transform:translateY(-2px);box-shadow:0 12px 32px #a855f740}.connect-option:active{transform:scale(.98)}.connect-option.primary{background:linear-gradient(135deg,#a855f729,#7c3aed1a);border-color:#a855f766}.connect-option-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--accent-3),var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 6px 18px var(--accent-glow)}.connect-option-text{display:flex;flex-direction:column;min-width:0}.connect-option-title{font-weight:700;font-size:16px;letter-spacing:-.01em;color:var(--ink)}.connect-option-sub{font-size:12.5px;color:var(--mute);margin-top:3px}.give-card,.tag-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:32px 24px;text-align:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-glass)}.give-label,.tag-label{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--mute);font-weight:700;margin-bottom:22px}.give-code{display:flex;justify-content:center;gap:8px;margin-bottom:24px;flex-wrap:wrap}.give-digit{display:flex;align-items:center;justify-content:center;width:44px;height:60px;border-radius:14px;background:linear-gradient(135deg,#a855f733,#7c3aed1f);border:1px solid rgba(168,85,247,.35);color:#fff;font-size:32px;font-weight:900;letter-spacing:-.02em;box-shadow:0 8px 24px #a855f740,inset 0 1px #ffffff26;text-shadow:0 0 20px var(--accent-glow)}.give-timer{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:99px;background:#a855f71a;border:1px solid var(--glass-border);color:var(--ink-dim);font-size:12px;font-weight:600}.connect-pin{margin-top:8px}.tag-qr{display:flex;justify-content:center;align-items:center;padding:24px;background:radial-gradient(circle at 50% 50%,rgba(168,85,247,.15),transparent 70%);border-radius:20px;margin-bottom:20px;position:relative}.tag-qr:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:28px;background:conic-gradient(from 0deg,transparent,var(--accent-glow),transparent 50%);z-index:-1;animation:vyra-spin 8s linear infinite}.tag-qr svg{display:block;filter:drop-shadow(0 0 20px var(--accent-glow))}.tag-username{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin-bottom:4px}.tag-sub{font-size:13px;color:var(--mute);margin-bottom:22px}.tag-actions{display:flex;gap:10px}.tag-actions .btn{flex:1}.connect-incoming{margin-top:32px}.connect-incoming-label{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-dim);font-weight:700;margin-bottom:10px;padding-left:4px}.connect-req{display:flex;align-items:center;gap:12px;padding:12px;background:#a855f714;border:1px solid var(--glass-border);border-radius:var(--radius-sm);margin-bottom:8px}.connect-req-av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-3),var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:15px;flex-shrink:0;overflow:hidden;border:1.5px solid rgba(233,213,255,.35)}.connect-req-av img{width:100%;height:100%;object-fit:cover}.connect-req-info{flex:1;min-width:0}.connect-req-name{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connect-req-meta{font-size:11.5px;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connect-req-actions{display:flex;gap:6px;flex-shrink:0}.connect-btn{width:36px;height:36px;border-radius:10px;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;transition:transform .15s}.connect-btn.ok{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.connect-btn.bad{background:#f8717126;color:var(--danger);border:1px solid rgba(248,113,113,.3)}.connect-btn:active{transform:scale(.9)}.turn-chat{display:flex;flex-direction:column;gap:20px;padding:8px 0 12px}.turn-day{display:flex;justify-content:center;margin:4px 0}.turn-day span{font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--mute);font-weight:700;padding:4px 12px;background:#a855f714;border-radius:99px;border:1px solid var(--glass-border)}.turn{max-width:82%;display:flex;flex-direction:column;gap:8px;padding:12px 16px 14px;border-radius:18px;position:relative}.turn.theirs{align-self:flex-start;background:#a855f717;border:1px solid rgba(168,85,247,.2);border-left:3px solid var(--accent);padding-left:14px}.turn.mine{align-self:flex-end;background:linear-gradient(135deg,#a855f738,#7c3aed24);border:1px solid rgba(192,132,252,.4);border-right:3px solid var(--accent-3);padding-right:14px;box-shadow:0 6px 20px #a855f726}.turn-head{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:2px}.turn.mine .turn-head{flex-direction:row-reverse}.turn-avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--accent-3),var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;flex-shrink:0}.turn-name{font-weight:700;color:var(--accent-3);letter-spacing:.01em}.turn.mine .turn-name{color:var(--accent-bright)}.turn-time{color:var(--mute);font-size:11px;margin-left:auto}.turn.mine .turn-time{margin-left:0;margin-right:auto}.turn-body{display:flex;flex-direction:column;gap:6px}.turn-line{font-size:15px;line-height:1.5;color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap}.turn.mine .turn-line{text-align:right}.dm-page{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.dm-header{display:flex;align-items:center;gap:12px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--glass-border);background:#060210bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0;z-index:5}.dm-header-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-3),var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:15px;flex-shrink:0;border:1.5px solid rgba(233,213,255,.35)}.dm-header-info{flex:1;min-width:0}.dm-header-name{font-weight:800;font-size:15px;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-header-meta{font-size:12px;color:var(--mute);margin-top:2px}.dm-context{display:flex;align-items:center;gap:8px;padding:8px 20px;background:#a855f70f;border-bottom:1px solid var(--glass-border);font-size:11.5px;color:var(--ink-dim);letter-spacing:.02em;font-weight:600;flex-shrink:0}.dm-context-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow);flex-shrink:0}.dm-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:20px 16px 12px}@media(min-width:900px){.dm-scroll{padding:24px 32px 16px}}.dm-composer{display:flex;gap:8px;padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--glass-border);background:#060210d9;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);flex-shrink:0}.dm-input{flex:1;padding:13px 18px!important;border-radius:26px!important;font-size:15px}.dm-send{width:48px!important;height:48px;padding:0!important;border-radius:50%!important;flex-shrink:0;display:flex;align-items:center;justify-content:center}.chats-page{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.chats-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px 16px 32px}@media(min-width:900px){.chats-scroll{padding:20px 28px 40px;max-width:780px}}.chats-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.chats-card{display:flex;align-items:center;gap:12px;padding:18px 16px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-border);text-align:left;cursor:pointer;transition:all .2s var(--ease);position:relative;-webkit-tap-highlight-color:transparent}.chats-card:active{transform:scale(.98)}.chats-card.on{background:linear-gradient(135deg,#a855f733,#7c3aed1f);border-color:var(--accent);box-shadow:0 8px 24px #a855f738}.chats-card-icon{font-size:26px;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#a855f740,#7c3aed26);border:1px solid rgba(168,85,247,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.chats-card-info{min-width:0;flex:1}.chats-card-title{font-weight:800;font-size:15px;letter-spacing:-.01em;color:var(--ink)}.chats-card-sub{font-size:12px;color:var(--mute);margin-top:2px}.chats-card-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:10px;font-weight:800;min-width:20px;height:20px;padding:0 6px;border-radius:99px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--accent-glow)}.chats-requests{margin-bottom:22px;padding:16px;border-radius:var(--radius);background:linear-gradient(135deg,#a855f71f,#7c3aed14);border:1px solid rgba(168,85,247,.3)}.chats-section-title{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent-3);font-weight:800;margin-bottom:12px}.chats-req{display:flex;align-items:center;gap:12px;padding:10px;background:#06021066;border-radius:var(--radius-sm);margin-bottom:8px}.chats-req:last-child{margin-bottom:0}.chats-req-av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-3),var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:15px;flex-shrink:0;overflow:hidden;border:1.5px solid rgba(233,213,255,.35)}.chats-req-av img{width:100%;height:100%;object-fit:cover}.chats-req-info{flex:1;min-width:0}.chats-req-name{font-weight:700;font-size:14px}.chats-req-meta{font-size:11.5px;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chats-req-actions{display:flex;gap:6px;flex-shrink:0}.chats-req-btn{padding:8px 14px;border-radius:10px;font-weight:700;font-size:12.5px;transition:transform .15s}.chats-req-btn.ok{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.chats-req-btn.bad{background:#f8717126;color:var(--danger);border:1px solid rgba(248,113,113,.3);padding:8px 12px}.chats-req-btn:active{transform:scale(.93)}.chats-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.chat-row.dm-row{padding-left:12px}.chat-row-av{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent-3),var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:17px;flex-shrink:0;position:relative;overflow:visible;border:1.5px solid rgba(233,213,255,.3)}.chat-row-av img{width:100%;height:100%;border-radius:50%;object-fit:cover}.chat-row-dot{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--accent-glow);border:2px solid var(--bg-1)}.pub-page{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.pub-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:24px 20px 40px;max-width:620px;width:100%;margin:0 auto}.pub-card{background:var(--glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius);padding:32px 24px;text-align:center;box-shadow:var(--shadow-glass)}.pub-avatar{width:96px;height:96px;border-radius:50%;margin:0 auto 16px;background:linear-gradient(135deg,var(--accent-3),var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:800;color:#fff;box-shadow:0 12px 32px var(--accent-glow),inset 0 1px #ffffff4d;border:3px solid rgba(233,213,255,.35)}.pub-name{margin:0 0 4px;font-size:24px;font-weight:800;letter-spacing:-.02em}.pub-star{margin-left:6px}.pub-meta{margin:0 0 14px;font-size:13px;color:var(--mute)}.pub-bio{margin:0 0 18px;font-size:14px;color:var(--ink-dim);line-height:1.55}.pub-interests{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:4px}.pub-int{padding:6px 12px;border-radius:99px;background:#a855f71f;border:1px solid var(--glass-border);font-size:12px;color:var(--ink-dim);font-weight:600}.bottom-nav-item.center svg{background:linear-gradient(135deg,var(--accent-3),var(--accent),var(--accent-2));color:#fff;border-radius:14px;padding:6px;box-shadow:0 6px 20px var(--accent-glow);stroke:#fff}.bottom-nav-item.center.on svg{filter:drop-shadow(0 0 12px var(--accent-glow-strong))}.sidebar-badge{min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--accent-glow);flex-shrink:0}.bottom-badge{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:linear-gradient(135deg,var(--accent-hot, #e879f9),var(--accent));color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--accent-glow);border:1.5px solid var(--bg-1)}.pub-tag-toggle{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 16px;border-radius:99px;background:#a855f71a;border:1px solid var(--glass-border);color:var(--ink-dim);font-size:13px;font-weight:600;transition:all .15s;cursor:pointer}.pub-tag-toggle:hover{border-color:var(--accent);color:var(--ink);background:#a855f72e}.pub-tag-url{margin-top:12px;padding:10px 14px;border-radius:10px;background:#06021080;border:1px solid var(--glass-border);font-size:12px;color:var(--accent-3);word-break:break-all;text-align:center;font-family:monospace}.room-members-btn{display:flex;align-items:center;padding:4px;border-radius:99px;background:#a855f714;border:1px solid var(--glass-border);cursor:pointer;transition:all .15s;flex-shrink:0}.room-members-btn:hover{border-color:var(--accent);background:#a855f729}.room-member-dot{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent-3),var(--accent),var(--accent-2));border:2px solid var(--bg-1);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;margin-left:-8px;overflow:hidden;flex-shrink:0}.room-member-dot:first-child{margin-left:0}.room-member-dot img{width:100%;height:100%;object-fit:cover}.room-member-more{background:#a855f740;color:var(--accent-3);font-size:10px}.members-drawer{position:fixed;z-index:50;left:0;right:0;bottom:0;max-height:70vh;max-height:70dvh;background:#060210f7;backdrop-filter:blur(32px) saturate(1.5);-webkit-backdrop-filter:blur(32px) saturate(1.5);border-top-left-radius:28px;border-top-right-radius:28px;border-top:1px solid var(--glass-border);box-shadow:0 -16px 60px #a855f747;display:flex;flex-direction:column;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0px)}.members-head{display:flex;align-items:flex-start;justify-content:space-between;padding:4px 20px 12px;gap:12px;flex-shrink:0}.members-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 12px 16px}.members-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);background:#a855f70f;border:1px solid var(--glass-border);width:100%;text-align:left;margin-bottom:6px;cursor:pointer;transition:background .15s,border-color .15s}.members-row:hover{background:#a855f724;border-color:var(--accent)}.members-av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-3),var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:15px;flex-shrink:0;overflow:hidden;border:1.5px solid rgba(233,213,255,.3)}.members-av img{width:100%;height:100%;object-fit:cover}.members-info{flex:1;min-width:0}.members-name{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.members-meta{font-size:11.5px;color:var(--mute);margin-top:2px}.room-msg-name{display:inline;background:none;border:0;padding:0;font-size:12px;font-weight:700;color:var(--accent-3);margin-bottom:3px;letter-spacing:.01em;cursor:pointer}.room-msg-name:hover{text-decoration:underline}@media(min-width:720px){.members-drawer{left:auto;right:0;top:0;bottom:0;width:380px;max-height:100dvh;border-radius:0;border-left:1px solid var(--glass-border);border-top:0}}.vibe-page{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.vibe-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:24px 20px 40px;max-width:720px;width:100%;margin:0 auto}.vibe-hero{text-align:center;padding:8px 0 28px}.vibe-hero-orb{font-size:56px;line-height:1;display:inline-block;margin-bottom:16px;filter:drop-shadow(0 0 32px rgba(168,85,247,.7))}.vibe-title{margin:0 0 8px;font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(135deg,#f5f3ff 10%,#c084fc,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}.vibe-sub{margin:0 auto;color:var(--mute);font-size:13.5px;line-height:1.55;max-width:380px}.vibe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:640px){.vibe-grid{grid-template-columns:repeat(3,1fr)}}.vibe-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px 14px;min-height:130px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-border);color:var(--ink);text-align:center;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.vibe-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--vibe-color) 20%,transparent),transparent 70%);opacity:0;transition:opacity .25s;pointer-events:none}.vibe-card:hover{border-color:var(--vibe-color);box-shadow:0 12px 32px color-mix(in srgb,var(--vibe-color) 25%,transparent)}.vibe-card:hover:before{opacity:1}.vibe-card:disabled{opacity:.6;cursor:default}.vibe-card-emoji{font-size:34px;line-height:1;filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--vibe-color) 50%,transparent))}.vibe-card-label{font-size:15px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}.vibe-card-desc{font-size:11.5px;color:var(--mute);line-height:1.35;max-width:140px}.vibe-queue{height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;overflow:hidden}.vibe-queue-orb{width:130px;height:130px;border-radius:36px;display:flex;align-items:center;justify-content:center;font-size:62px;line-height:1;margin-bottom:32px;color:#fff;position:relative}.vibe-queue-title{margin:0 0 8px;font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.vibe-queue-sub{margin:0 0 24px;color:var(--mute);font-size:14px;max-width:260px}.vibe-queue-dots{display:flex;gap:8px;margin-bottom:16px}.vibe-queue-dots span{width:10px;height:10px;border-radius:50%;background:var(--accent);opacity:.3;animation:vibe-dot 1.4s ease-in-out infinite}.vibe-queue-dots span:nth-child(2){animation-delay:.2s}.vibe-queue-dots span:nth-child(3){animation-delay:.4s}@keyframes vibe-dot{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.vibe-queue-hint{color:var(--mute);font-size:11.5px;letter-spacing:.08em;margin-bottom:32px}.vibe-queue-cancel{max-width:200px}.vibe-session{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.vibe-session-header{display:flex;align-items:center;gap:12px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--glass-border);background:#060210bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0;z-index:5}.vibe-session-orb{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:0 4px 16px #0006}.vibe-session-info{flex:1;min-width:0}.vibe-session-name{font-weight:800;font-size:15px;letter-spacing:-.01em}.vibe-session-sub{font-size:11.5px;color:var(--mute);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vibe-timer{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:99px;background:#a855f71f;border:1px solid var(--glass-border);color:var(--accent-3);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0;transition:all .3s}.vibe-timer.urgent{background:#f8717126;border-color:#f8717166;color:var(--danger);animation:vibe-timer-pulse 1.4s ease-in-out infinite}.vibe-timer.expired{background:#f8717126;border-color:#f8717166;color:var(--danger);animation:none}@keyframes vibe-timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.vibe-session-context{display:flex;align-items:center;gap:8px;padding:8px 20px;background:#a855f70f;border-bottom:1px solid var(--glass-border);font-size:11.5px;color:var(--ink-dim);letter-spacing:.02em;font-weight:600;flex-shrink:0}.vibe-session-messages{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:20px 16px 12px}@media(min-width:900px){.vibe-session-messages{padding:24px 32px 16px}}.vibe-session-composer{display:flex;gap:8px;padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--glass-border);background:#060210d9;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);flex-shrink:0}.vibe-input{flex:1;padding:13px 18px!important;border-radius:26px!important;font-size:15px}.vibe-input:disabled{opacity:.5}.vibe-send{width:48px!important;height:48px;padding:0!important;border-radius:50%!important;flex-shrink:0;display:flex;align-items:center;justify-content:center}.vibe-ended{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.vibe-ended-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:40px 24px calc(40px + env(safe-area-inset-bottom,0px));max-width:560px;width:100%;margin:0 auto;text-align:center}.vibe-ended-orb{width:110px;height:110px;border-radius:32px;display:flex;align-items:center;justify-content:center;font-size:54px;color:#fff;margin:0 auto 24px;box-shadow:0 20px 60px #00000080}.vibe-ended-title{margin:0 0 10px;font-size:28px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#f5f3ff 10%,#c084fc,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}.vibe-ended-sub{color:var(--ink-dim);font-size:14px;line-height:1.6;max-width:380px;margin:0 auto 28px}.vibe-ended-sub b{color:var(--accent-3)}.vibe-ended-members{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;text-align:left}.vibe-ended-member{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-sm);background:#a855f714;border:1px solid var(--glass-border)}.vibe-ended-av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--accent-3),var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:16px;flex-shrink:0;overflow:hidden;border:1.5px solid rgba(233,213,255,.35)}.vibe-ended-av img{width:100%;height:100%;object-fit:cover}.vibe-ended-info{flex:1;min-width:0}.vibe-ended-name{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vibe-ended-meta{font-size:11.5px;color:var(--mute);margin-top:2px}.vibe-ended-actions{display:flex;gap:6px;flex-shrink:0}.vibe-ended-connect{padding:8px 14px!important;width:auto!important;font-size:12.5px;white-space:nowrap}.vibe-ended-view{padding:8px 12px!important;width:auto!important;font-size:12.5px}.vibe-ended-msg{color:var(--online);font-size:12.5px;text-align:center;margin-bottom:16px;min-height:16px}.vibe-ended-another{width:100%;max-width:280px;margin-top:12px}.premium-page{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.premium-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:24px 20px 40px;max-width:620px;width:100%;margin:0 auto}.premium-hero{text-align:center;padding:8px 0 28px}.premium-orb{font-size:56px;line-height:1;display:inline-block;margin-bottom:16px;filter:drop-shadow(0 0 32px rgba(251,191,36,.7))}.premium-title{margin:0 0 8px;font-size:30px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#fef3c7 10%,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}.premium-sub{margin:0 auto;color:var(--mute);font-size:13.5px;line-height:1.55;max-width:380px}.premium-plans{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px}@media(min-width:640px){.premium-plans{grid-template-columns:repeat(3,1fr)}}.premium-plan{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 10px 16px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-border);cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}.premium-plan.on{border-color:#fbbf24;background:linear-gradient(135deg,#fbbf2426,#f59e0b14);box-shadow:0 0 0 3px #fbbf2433}.premium-plan-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a1a;font-size:9px;font-weight:800;padding:2px 8px;border-radius:99px;letter-spacing:.05em;white-space:nowrap}.premium-plan-label{font-size:12px;color:var(--ink-dim);font-weight:600}.premium-plan-price{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.premium-plan.on .premium-plan-price{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}.premium-plan-per{font-size:10.5px;color:var(--mute)}.premium-plan-save{font-size:10px;color:var(--online);font-weight:700}.premium-benefits{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:18px 20px;margin-bottom:20px}.premium-benefits-title{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--mute);font-weight:700;margin-bottom:12px}.premium-benefits ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.premium-benefits li{font-size:13.5px;color:var(--ink-dim);line-height:1.45;padding-left:22px;position:relative}.premium-benefits li:before{content:"✓";position:absolute;left:0;color:var(--accent-3);font-weight:800}.premium-benefits b{color:var(--ink)}.premium-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a1a;box-shadow:0 10px 30px #fbbf2466}.premium-btn:hover{box-shadow:0 14px 44px #fbbf248c}.premium-secure{text-align:center;font-size:11px;color:var(--mute);margin-top:12px;letter-spacing:.04em}.premium-active-card{background:linear-gradient(135deg,#fbbf2426,#f59e0b14);border:1px solid rgba(251,191,36,.4);border-radius:var(--radius);padding:18px;margin-bottom:20px}.premium-active-row{display:flex;justify-content:space-between;padding:8px 0;font-size:13.5px;border-bottom:1px dashed rgba(251,191,36,.2)}.premium-active-row:last-of-type{border-bottom:0}.premium-active-row span{color:var(--ink-dim)}.premium-active-row b{color:#fbbf24}.premium-active-hint{margin:12px 0 0;font-size:11.5px;color:var(--mute);text-align:center}.premium-success{text-align:center;padding:60px 20px}.premium-success-orb{font-size:72px;margin-bottom:20px;filter:drop-shadow(0 0 40px rgba(251,191,36,.8));animation:vyra-pulse 2s ease-in-out infinite}.premium-success h1{margin:0 0 8px;font-size:28px;font-weight:800;background:linear-gradient(135deg,#fef3c7,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}.premium-success p{margin:0 0 28px;color:var(--ink-dim);font-size:14px}.drawer-tabs{display:flex;gap:4px;padding:0 20px;border-bottom:1px solid var(--glass-border);flex-shrink:0}.drawer-tab{flex:1;padding:12px 8px;background:transparent;border:0;color:var(--mute);font-size:13px;font-weight:700;letter-spacing:.02em;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;gap:6px;transition:color .2s;border-bottom:2px solid transparent;margin-bottom:-1px}.drawer-tab:hover{color:var(--ink)}.drawer-tab.on{color:var(--accent-3);border-bottom-color:var(--accent)}.drawer-tab-count{font-size:10px;font-weight:800;background:#a855f733;color:var(--accent-3);padding:1px 6px;border-radius:99px;line-height:1.4}.drawer-tab.on .drawer-tab-count{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.drawer-search{position:relative;padding:12px 20px 8px;flex-shrink:0}.drawer-search-icon{position:absolute;left:34px;top:50%;transform:translateY(-50%);color:var(--mute);pointer-events:none;margin-top:2px}.drawer-search-input{padding:11px 40px!important;font-size:14px!important}.drawer-search-clear{position:absolute;right:30px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:#a855f726;color:var(--ink-dim);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-top:2px;transition:background .15s}.drawer-search-clear:hover{background:#a855f74d}.people-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.people-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#a855f70f;border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s,transform .15s;-webkit-tap-highlight-color:transparent}.people-card:hover{background:#a855f724;border-color:var(--accent)}.people-card:active{transform:scale(.99)}.people-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent-3),var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:#fff;flex-shrink:0;overflow:hidden;border:1.5px solid rgba(233,213,255,.3);box-shadow:0 4px 14px #a855f733}.people-av img{width:100%;height:100%;object-fit:cover}.people-info{flex:1;min-width:0}.people-name{display:flex;align-items:center;gap:4px;font-weight:700;font-size:14px;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-meta{font-size:11.5px;color:var(--mute);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.people-tag{font-size:10px;padding:2px 7px;border-radius:99px;background:#a855f724;border:1px solid rgba(168,85,247,.25);color:var(--accent-3);font-weight:600;letter-spacing:.02em}.connect-fab{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 46px);left:50%;transform:translate(-50%);width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,var(--accent-3) 0%,var(--accent) 45%,var(--accent-2) 100%);display:flex;align-items:center;justify-content:center;color:#fff;z-index:25;box-shadow:0 16px 40px var(--accent-glow-strong),0 6px 16px #0006,inset 0 2px #ffffff59,inset 0 -2px #0000002e;transition:transform .2s var(--ease-spring),box-shadow .2s;animation:connect-fab-pulse 3.6s ease-in-out infinite;-webkit-tap-highlight-color:transparent;border:0}.connect-fab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-120%);transition:transform .7s var(--ease);pointer-events:none}.connect-fab:hover:before{transform:translate(120%)}.connect-fab:hover{transform:translate(-50%) scale(1.06);box-shadow:0 22px 56px var(--accent-glow-strong),0 10px 24px #00000080,inset 0 2px #fff6}.connect-fab:active{transform:translate(-50%) scale(.93)}@keyframes connect-fab-pulse{0%,to{box-shadow:0 16px 40px var(--accent-glow-strong),0 6px 16px #0006,inset 0 2px #ffffff59}50%{box-shadow:0 22px 56px var(--accent-glow-strong),0 10px 24px #00000080,inset 0 2px #fff6}}.connect-fab-badge{position:absolute;top:-4px;right:-4px;min-width:24px;height:24px;padding:0 7px;border-radius:99px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a1a;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;border:2.5px solid var(--bg-1);box-shadow:0 4px 14px #fbbf2480;letter-spacing:-.02em;line-height:1}@media(min-width:900px){.connect-fab{display:none}}@media(prefers-reduced-motion:reduce){.connect-fab{animation:none}}.inbox-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.inbox-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent;position:relative}.inbox-row:hover{background:#a855f714}.inbox-row:active{background:#a855f724}.inbox-av{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,#a855f738,#7c3aed24);border:1px solid var(--glass-border);flex-shrink:0;overflow:hidden}.inbox-av.dm{background:linear-gradient(135deg,var(--accent-3),var(--accent),var(--accent-2));color:#fff;font-weight:800;font-size:18px;border:1.5px solid rgba(233,213,255,.3)}.inbox-av img{width:100%;height:100%;border-radius:50%;object-fit:cover}.inbox-info{flex:1;min-width:0}.inbox-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.inbox-name{font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.inbox-time{font-size:11px;color:var(--mute);font-weight:600;flex-shrink:0;letter-spacing:.02em}.inbox-preview{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:3px}.inbox-preview-text{font-size:13px;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.inbox-badge{min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 10px var(--accent-glow);letter-spacing:-.01em;line-height:1}.inbox-row.unread .inbox-name{color:#fff;font-weight:800}.inbox-row.unread .inbox-preview-text{color:var(--ink-dim);font-weight:500}.inbox-row.unread .inbox-time{color:var(--accent-3);font-weight:700}@media(min-width:900px){.inbox-row{padding:12px 14px}.inbox-av{width:48px;height:48px;font-size:22px}}.typing-dots{display:inline-flex;align-items:center;gap:3px;margin-left:6px;vertical-align:middle}.typing-dots span{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.4;animation:typing-dot 1.2s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.dm-header-meta.typing{color:var(--accent-3);font-weight:600;display:inline-flex;align-items:center}.room-typing{color:var(--accent-3);font-weight:600;display:inline-flex;align-items:center;gap:0}.turn-ticks{display:inline-flex;align-items:center;margin-left:5px;color:#ffffff8c;vertical-align:-1px;transition:color .3s}.turn-ticks.read{color:var(--accent-bright);filter:drop-shadow(0 0 4px rgba(233,213,255,.6))}.turn-time{display:inline-flex;align-items:center;gap:2px}@media(prefers-reduced-motion:reduce){.typing-dots span{animation:none;opacity:.6}}.online-dot{display:inline-block;border-radius:50%;flex-shrink:0;margin-right:5px;vertical-align:middle}.online-dot.on{background:var(--online);box-shadow:0 0 8px var(--online);animation:online-pulse 2.4s ease-in-out infinite}.online-dot.off{background:var(--mute);opacity:.45;box-shadow:none}@keyframes online-pulse{0%,to{opacity:1}50%{opacity:.55}}.dm-header-meta.online{color:var(--online);font-weight:600;display:inline-flex;align-items:center}.people-av{position:relative}.people-online{position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-radius:50%;background:var(--online);border:2px solid var(--bg-1);box-shadow:0 0 8px var(--online)}.profile-avatar-wrap{position:relative;display:inline-block}.profile-avatar-wrap .profile-avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--accent-3),var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:800;color:#fff;box-shadow:0 12px 32px var(--accent-glow),inset 0 1px #ffffff4d;border:3px solid rgba(233,213,255,.35);overflow:hidden}.profile-avatar-wrap .profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar-btn{position:absolute;bottom:0;right:0;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;border:2.5px solid var(--bg-1);box-shadow:0 4px 14px var(--accent-glow);transition:transform .15s var(--ease-spring)}.profile-avatar-btn:hover{transform:scale(1.1)}.profile-avatar-btn:active{transform:scale(.92)}.profile-avatar-btn svg{width:16px;height:16px}@media(prefers-reduced-motion:reduce){.online-dot.on{animation:none}}.landing-page{min-height:100vh;min-height:100dvh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px calc(32px + env(safe-area-inset-bottom,0px));padding-top:calc(28px + env(safe-area-inset-top,0px));position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.landing-ambient{position:absolute;top:-10%;left:50%;transform:translate(-50%);width:140%;max-width:700px;height:500px;background:radial-gradient(ellipse at 50% 40%,rgba(168,85,247,.32) 0%,rgba(124,58,237,.14) 30%,transparent 65%);pointer-events:none;z-index:0;filter:blur(24px)}.landing{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1}.landing-logo-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:4px}.landing-logo{width:clamp(120px,38vw,200px);height:auto;animation:vyra-pulse 3s ease-in-out infinite,float-y 6s ease-in-out infinite;-webkit-user-select:none;user-select:none;pointer-events:none;display:block}.landing-wordmark{margin-top:4px;margin-bottom:2px}.landing-tag{margin:18px 0 0;color:var(--ink-dim);font-size:clamp(10px,2.8vw,12px);letter-spacing:.42em;text-transform:uppercase;font-weight:500}.landing-head{margin:26px 0 0;font-size:clamp(20px,6.4vw,32px);line-height:1.25;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#f5f3ff 10%,#c084fc,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent;max-width:380px}.landing-sub{margin:14px 0 0;color:var(--mute);font-size:clamp(13px,3.6vw,15px);max-width:360px;line-height:1.55}.landing-actions{width:100%;margin-top:32px;display:flex;flex-direction:column;gap:12px;max-width:340px}.landing-actions .btn{width:100%;min-height:52px;padding:15px 22px}.landing-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:700}.landing-btn-primary svg{transition:transform .2s var(--ease-spring)}.landing-btn-primary:hover svg{transform:translate(3px)}.landing-foot{margin-top:34px;color:var(--mute);font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;font-weight:500}@media(min-width:640px){.landing-logo{width:clamp(180px,28vw,220px)}.landing-head{font-size:clamp(28px,4.5vw,38px);max-width:460px;margin-top:30px}.landing-sub{font-size:15px;max-width:420px}.landing-actions{max-width:400px;flex-direction:row}.landing-actions .btn{flex:1}.landing-tag{margin-top:22px}}@media(max-height:700px){.landing-page{padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));justify-content:flex-start}.landing-logo{width:clamp(100px,28vw,140px)}.landing-head{font-size:clamp(18px,5vw,24px);margin-top:16px}.landing-sub{margin-top:8px;font-size:13px}.landing-actions,.landing-foot{margin-top:20px}}@media(prefers-reduced-motion:reduce){.landing-logo{animation:none}.landing-btn-primary:hover svg{transform:none}}.sidebar-avatar{overflow:hidden;position:relative}.sidebar-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.turn-ticks.read{animation:tick-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes tick-pop{0%{transform:scale(.85);opacity:.6}55%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.turn-ticks.read{animation:none}}.pub-avatar{width:96px;height:96px;border-radius:50%;margin:0 auto 16px;background:linear-gradient(135deg,var(--accent-3),var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:800;color:#fff;box-shadow:0 12px 32px var(--accent-glow),inset 0 1px #ffffff4d;border:3px solid rgba(233,213,255,.35);overflow:hidden}.pub-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.dm-header-avatar{overflow:hidden}.dm-header-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.admin-page{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.admin-tabs{display:flex;gap:4px;padding:12px 20px 0;border-bottom:1px solid var(--glass-border);flex-shrink:0}.admin-tab{flex:1;padding:12px 8px;background:transparent;border:0;color:var(--mute);font-size:13px;font-weight:700;letter-spacing:.02em;cursor:pointer;position:relative;transition:color .2s;border-bottom:2px solid transparent;margin-bottom:-1px}.admin-tab:hover{color:var(--ink)}.admin-tab.on{color:var(--accent-3);border-bottom-color:var(--accent)}.admin-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px 16px 40px}@media(min-width:900px){.admin-scroll{padding:20px 28px 40px}}.admin-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:600px){.admin-stats-grid{grid-template-columns:repeat(3,1fr)}}.admin-stat{padding:18px 16px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-sm);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:4px}.admin-stat-value{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.admin-stat-value.accent{color:var(--online)}.admin-stat-value.gold{background:linear-gradient(135deg,var(--accent-3),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.admin-stat-value.danger{color:var(--danger)}.admin-stat-label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--mute);font-weight:600}.admin-search{position:relative;margin-bottom:14px}.admin-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--mute);pointer-events:none}.admin-search-input{padding-left:40px!important}.admin-rows{display:flex;flex-direction:column;gap:8px}.admin-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#a855f70d;border:1px solid var(--glass-border);border-radius:var(--radius-sm);flex-wrap:wrap}.admin-row.banned{background:#f871710f;border-color:#f8717140}.admin-row-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent-3),var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:#fff;flex-shrink:0;overflow:hidden;position:relative;border:1.5px solid rgba(233,213,255,.3)}.admin-row-avatar img{width:100%;height:100%;object-fit:cover}.admin-online{position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-radius:50%;background:var(--online);border:2px solid var(--bg-1);box-shadow:0 0 8px var(--online)}.admin-row-info{flex:1;min-width:200px}.admin-row-name{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;flex-wrap:wrap}.admin-row-meta{font-size:11.5px;color:var(--mute);margin-top:2px;overflow-wrap:anywhere}.admin-tag{font-size:9px;font-weight:800;padding:2px 6px;border-radius:99px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;letter-spacing:.05em}.admin-tag.danger{background:linear-gradient(135deg,#f87171,#dc2626)}.admin-row-actions{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0}.admin-btn{padding:8px 12px;border-radius:10px;background:var(--glass);border:1px solid var(--glass-border);color:var(--ink);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}.admin-btn:hover{background:var(--glass-strong);border-color:var(--accent)}.admin-btn:active{transform:scale(.95)}.admin-btn:disabled{opacity:.5;cursor:default}.admin-btn.danger{background:#f871711f;border-color:#f8717159;color:var(--danger)}.admin-btn.danger:hover{background:#f8717138;border-color:var(--danger)}.admin-btn.ok{background:#34e8bb1f;border-color:#34e8bb66;color:var(--online)}.admin-btn.ok:hover{background:#34e8bb38}.admin-self{font-size:11px;color:var(--mute);padding:8px 12px;font-style:italic}.install-banner{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:200;width:calc(100% - 32px);max-width:440px;display:flex;align-items:center;gap:12px;padding:12px 14px;background:linear-gradient(135deg,#a855f7f5,#7c3aedf5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(233,213,255,.35);border-radius:16px;box-shadow:0 16px 40px #a855f773,inset 0 1px #fff3;color:#fff}.install-banner-icon{width:44px;height:44px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#000;border:1px solid rgba(233,213,255,.3)}.install-banner-icon img{width:100%;height:100%;object-fit:cover;display:block}.install-banner-text{flex:1;min-width:0}.install-banner-title{font-weight:800;font-size:14px;letter-spacing:-.01em;color:#fff}.install-banner-sub{font-size:11.5px;color:#ffffffd9;margin-top:2px;line-height:1.35}.install-banner-btn{padding:8px 16px;background:#fff;color:#7c3aed;border:0;border-radius:10px;font-weight:800;font-size:12.5px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:transform .15s,opacity .15s}.install-banner-btn:hover{transform:scale(1.05)}.install-banner-btn:active{transform:scale(.95)}.install-banner-btn:disabled{opacity:.6;cursor:default}.install-banner-close{width:24px;height:24px;border-radius:50%;background:#ffffff38;color:#fff;border:0;font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .15s}.install-banner-close:hover{background:#ffffff59}.sidebar-install{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 12px 0;padding:12px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#a855f738,#7c3aed24);border:1px solid rgba(168,85,247,.35);color:var(--accent-3);font-weight:700;font-size:13px;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.sidebar-install:hover{border-color:var(--accent);background:linear-gradient(135deg,#a855f752,#7c3aed33);box-shadow:0 4px 16px #a855f740}.sidebar-install:active{transform:scale(.97)}