:root{--violet:#d8d8dc;--blue:#f4f4f5}
body{background:radial-gradient(ellipse at 50% -20%,#202024 0,transparent 44%),#09090a}
.ambient-a,.ambient-b{background:#b9b9bf;opacity:.055}
.brand-mark{background:#f4f4f5;color:#09090a;box-shadow:none}
.mayari-signature{display:inline-flex;align-items:center;padding:8px 11px;border:1px solid #ffffff20;border-radius:999px;background:#ffffff08;color:#eeeef0;font:10px "DM Mono",monospace;letter-spacing:.17em;box-shadow:inset 0 1px #ffffff0c}
.eyebrow,.kicker{color:#b8b8be}.eyebrow:before{background:#b8b8be}
h1 em,.result-name{background:linear-gradient(95deg,#fff,#aaa);color:transparent;background-clip:text}
.btn-primary{color:#09090a;background:linear-gradient(100deg,#f4f4f5,#c9c9cd);box-shadow:0 8px 28px #ffffff13}
.btn:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#f4f4f5}
.hero-art .orb{background:radial-gradient(circle at 37% 28%,#343438,#171719 48%,#101012 72%);border-color:#ffffff20;box-shadow:inset 0 0 80px #ffffff0a,0 30px 110px #0008}
.orb:before,.orb:after{border-color:#ffffff28}.orb:after{border-color:#ffffff1c}.orb-core{background:radial-gradient(circle at 36% 33%,#eee,#777 48%,#333);box-shadow:0 0 65px #ffffff55,0 0 140px #ffffff18}
.orbit-label,.orbit-label.bottom{color:#d6d6d9}.spark{background:#eee;box-shadow:0 0 12px #ffffff66}.spark.two{background:#aaa}
.feature-icon{color:#e1e1e4}.badge{border-color:#ffffff20;background:#ffffff09;color:#e4e4e7}.room-code{color:#f1f1f3}
.avatar{flex:none;width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#f2f2f3,#8b8b90);display:grid;place-items:center;font-size:10px;font-weight:800;letter-spacing:.04em;color:#111113;border:1px solid #ffffff44;box-shadow:0 2px 12px #0005}
.avatar-self{background:linear-gradient(145deg,#fff,#c4c4c8)}
.spinner{background:repeating-conic-gradient(from 0deg,#e8e8eb 0 32deg,#252528 32deg 34deg,#8c8c92 34deg 66deg,#242427 66deg 68deg);box-shadow:0 0 70px #ffffff14}.spinner-core{color:#f3f3f5}.spinner.spinning{animation:spin .8s cubic-bezier(.14,.79,.24,1) forwards}
.footer b,.text-link{color:#d2d2d6}
.wave-back use{fill:#ffffff}.wave-mid use{fill:#c9c9cf}.wave-front use{fill:#8e8e95}
.wishlist-modal{box-shadow:0 30px 100px #000b,0 0 60px #ffffff0d;animation:modalRise .24s ease-out}.modal-backdrop{background:radial-gradient(ellipse at 50% 40%,#ffffff0b,transparent 58%),#050505df}
@keyframes chatEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.chat-card{margin-top:22px;animation:chatEnter .24s ease-out}.chat-subtitle{font-size:10px;color:#85858b;margin-top:6px}.chat-log{display:flex;flex-direction:column;gap:13px;max-height:310px;overflow:auto;padding:15px 2px;scroll-behavior:smooth}.chat-message{display:flex;align-items:flex-start;gap:10px;max-width:min(88%,560px)}.chat-message.chat-own{align-self:flex-end;flex-direction:row-reverse}.chat-message-body{min-width:0}.chat-message-meta{display:flex;gap:9px;align-items:center;margin:0 2px 5px;color:#d9d9dc;font-size:10px}.chat-message-meta time{font-size:9px;color:#77777d}.chat-bubble{padding:10px 12px;border:1px solid #ffffff12;border-radius:4px 13px 13px 13px;background:#ffffff08;color:#e8e8eb;font-size:12px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.chat-own .chat-bubble{border-radius:13px 4px 13px 13px;background:#ffffff13}.chat-empty{padding:22px 12px;text-align:center;color:#77777d;font-size:11px}.chat-compose{display:flex;gap:9px;border-top:1px solid #ffffff10;padding-top:14px}.chat-compose input{flex:1;min-width:0;background:#0a0a0b;border:1px solid #ffffff18;border-radius:11px;color:#f3f3f5;padding:12px 14px;font-size:12px}.chat-compose .btn{padding:11px 16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.chat-card{padding:17px}.chat-log{max-height:260px}.chat-message{max-width:96%}.chat-compose{gap:7px}.chat-compose .btn{padding:10px 12px}}