:root{--violet:#d5b36a;--blue:#efe9db;--mint:#d8c28e;--danger:#c88379}
body{background:radial-gradient(ellipse at 50% -20%,#1e1a12 0,transparent 48%),#050505}
.ambient,.wave-field{display:none!important}
.galaxy-field{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(1px 1px at 8% 18%,#fff 90%,transparent),radial-gradient(1px 1px at 18% 72%,#f2ddae 90%,transparent),radial-gradient(1px 1px at 24% 38%,#fff 90%,transparent),radial-gradient(1px 1px at 36% 14%,#fff 90%,transparent),radial-gradient(1px 1px at 42% 81%,#e6d7b8 90%,transparent),radial-gradient(1px 1px at 55% 54%,#fff 90%,transparent),radial-gradient(1px 1px at 63% 27%,#f3e8d2 90%,transparent),radial-gradient(1px 1px at 71% 88%,#fff 90%,transparent),radial-gradient(1px 1px at 80% 43%,#fff 90%,transparent),radial-gradient(1px 1px at 91% 15%,#e8d7b0 90%,transparent),radial-gradient(1.5px 1.5px at 95% 69%,#fff 90%,transparent),radial-gradient(ellipse at 50% 50%,#100f0d 0%,#070707 75%);background-size:100% 100%;opacity:.76}
#app{position:relative;z-index:1}
.shooting-star{position:absolute;top:0;left:0;height:auto;aspect-ratio:350/84;opacity:0;background:url("./shooting-star.png") right center/100% 100% no-repeat;mix-blend-mode:screen;transform-origin:92% 50%;pointer-events:none;will-change:transform,opacity}
.topbar{border-color:#d5b36a20}.brand-logo{filter:grayscale(1)}
.mayari-logo{display:block;width:164px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 10px #d5b36a22)}
.mayari-signature{display:none!important}
.eyebrow,.kicker{color:#d2b371}.eyebrow:before{background:#b99754}
h1 em,.result-name{background:linear-gradient(100deg,#fff7e6,#d9b66b 78%);color:transparent;background-clip:text}
.btn-primary{color:#15120b;background:linear-gradient(110deg,#f2e4c1,#c59b4f);box-shadow:0 8px 28px #c49a481c}.btn-primary:hover{filter:brightness(1.08)}
.btn:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#d5b36a}
.card{background:linear-gradient(145deg,#171614ee,#0e0e0dee);border-color:#d5b36a22;backdrop-filter:blur(10px)}
.badge{border-color:#d5b36a40;background:#c19a4b16;color:#e7d19c}.room-code{color:#ead7ae}
.avatar{width:40px;height:40px;border-radius:50%;padding:2px;object-fit:cover;background:radial-gradient(circle at 35% 25%,#f2e6c9,#a77c35);border:1px solid #d5b36a88;box-shadow:0 3px 14px #0009}
.avatar img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
.avatar-fallback{display:none;width:100%;height:100%;place-items:center;border-radius:50%;background:#181510;color:#ecd8ab;font-size:10px;font-weight:800}
.feature-icon{color:#d8bc79}.footer b,.text-link{color:#d6bc80}
.hero-art{isolation:isolate;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.moon{position:relative;width:min(480px,86vw);aspect-ratio:1;border-radius:50%;animation:moonFloat 10s ease-in-out infinite}
.moon-globe{display:block;width:100%;height:100%;border-radius:50%}
@keyframes moonFloat{50%{transform:translateY(-10px)}}
.spinner{background:repeating-conic-gradient(from 0deg,#e8d7b1 0 32deg,#302719 32deg 34deg,#a57e3b 34deg 66deg,#211b12 66deg 68deg);box-shadow:0 0 65px #c69f5320}.spinner-core{color:#f1e6ce}
.chat-compose{position:relative}.emoji-tray{display:flex;gap:5px;flex-wrap:wrap;padding:2px 0 11px}.emoji-choice{border:1px solid #d5b36a25;border-radius:9px;background:#ffffff08;color:#fff;font-size:17px;width:34px;height:32px;display:grid;place-items:center;transition:background .15s,transform .15s}.emoji-choice:hover{background:#d5b36a20;transform:translateY(-2px)}
.chat-compose .btn-primary{white-space:nowrap}
@media(max-width:600px){.mayari-logo{width:125px;height:36px}.chat-compose{flex-wrap:wrap}.chat-compose input{flex:1 1 calc(100% - 100px)}}
@media(max-width:760px){.moon{width:min(340px,86vw)}.hero-art{gap:16px}}
@media(prefers-reduced-motion:reduce){.moon{animation:none!important}.shooting-star{display:none}}

.glow-letter{display:inline-block;animation:letterGlow 6.5s ease-in-out infinite;animation-delay:var(--glow-delay,0ms);will-change:filter,text-shadow}
@keyframes letterGlow{0%,100%{filter:brightness(.96);text-shadow:0 0 0 transparent}50%{filter:brightness(1.2);text-shadow:0 0 10px #f2d78a77,0 0 24px #d5b36a44}}