/* Chat and profile refinements, loaded after the existing themes. */
.voice-player{display:flex;align-items:center;gap:12px;width:270px;max-width:100%;min-height:72px;white-space:normal;color:inherit}.voice-player audio[hidden]{display:none!important}.voice-play{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:var(--blue);color:#fff;box-shadow:0 3px 10px #12295218}.voice-play svg{width:23px;height:23px}.mine .voice-play{background:#fff;color:#3158b6}.voice-main{flex:1;min-width:0}.voice-label{display:block;font-size:11px;font-weight:650;opacity:.85;margin-bottom:3px}.voice-seek{display:block;width:100%;height:20px;min-height:0;padding:0;border:0;box-shadow:none;accent-color:currentColor;cursor:pointer;background:transparent}.voice-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;font-variant-numeric:tabular-nums;opacity:.8}.voice-speed{font-size:11px;font-weight:750;flex:0 0 32px;width:32px;height:28px;padding:0;border:1px solid currentColor;border-radius:9px;color:inherit;opacity:.85}.voice-player button:focus-visible,.voice-seek:focus-visible{outline:2px solid currentColor;outline-offset:3px}.bubble:has(.voice-player){padding:12px 13px 8px;border-radius:20px 20px 20px 6px;max-width:min(88%,330px)}.bubble.mine:has(.voice-player){border-radius:20px 20px 6px 20px}.bubble:has(.voice-player)>small{text-align:right;margin-top:0}.chat-attachment .voice-player{width:290px}.chat-attachment{gap:12px;flex-wrap:wrap}.chat-attachment small{display:block;font-size:11px;color:var(--muted)}.record-dot{width:11px;height:11px;flex-shrink:0;border-radius:50%;background:#ed4560;box-shadow:0 0 0 6px #ed456018;animation:record-pulse 1s infinite}.recording{background:#e4435b!important;color:white!important;border-radius:12px!important;font-size:12px!important}
.inbox{background:var(--surface,#fff)}.inbox-head{padding:25px 20px 20px;border-bottom:0}.inbox-eyebrow{display:block;font-size:9px;font-weight:750;letter-spacing:1.6px;color:var(--blue);margin-bottom:7px}.inbox-head h2{font-size:25px;letter-spacing:-.8px}.inbox-head p{font-size:12px;color:var(--muted);margin:6px 0 0}.inbox-head>.icon-btn{background:var(--pale);color:var(--blue);border:1px solid var(--line);border-radius:14px;width:42px;height:42px}.inbox #conversations{padding:0 10px 16px}.inbox .conversation{padding:15px 12px;border:1px solid transparent;border-radius:17px;gap:12px;margin:4px 0;transition:background .18s}.inbox .conversation:hover,.inbox .conversation.active{background:var(--pale);border-color:var(--line)}.inbox .conversation .avatar{width:48px;height:48px;flex-shrink:0;box-shadow:0 0 0 3px var(--bg)}.inbox .conversation strong{font-size:14px;font-weight:650;line-height:1.4}.inbox .conversation p{margin-top:4px;line-height:1.5;max-width:100%}.inbox-flame{display:flex;align-items:center;gap:3px;background:#fff2e3;border:1px solid #ffe0b6;border-radius:12px;padding:3px 7px;color:#a54c13}.inbox-flame .bond-flame{width:23px;height:29px}.bond-flame{animation:flame-volume 2.8s ease-in-out infinite;filter:drop-shadow(0 4px 3px #be461e30);transform-origin:50% 85%}.bond-flame.expired,.bond-flame.new{animation:none;filter:grayscale(1);opacity:.6}.bond-badge[data-power=blue] .bond-flame{filter:hue-rotate(170deg) drop-shadow(0 3px 5px #47b8ff55)}.bond-badge[data-power=cosmic] .bond-flame{filter:hue-rotate(245deg) drop-shadow(0 3px 5px #b797ff55)}
.profile-tabs{display:flex!important;align-items:stretch!important;gap:4px!important;padding:5px!important;min-height:51px;border:1px solid var(--line)!important;border-radius:15px!important;background:var(--surface,#fff);margin-bottom:20px}.profile-tabs>button,.profile-tabs>a{display:flex;align-items:center;justify-content:center;flex:1;min-height:40px;margin:0!important;padding:10px 16px!important;border:0!important;border-radius:10px;font-size:13px;font-weight:600;line-height:1.2;color:var(--muted);text-decoration:none}.profile-tabs>button.active{background:var(--pale);color:var(--blue);box-shadow:0 2px 6px #1229520c}.profile-immersive .profile-tabs{background:#142138d9!important;border-color:#ffffff24!important;backdrop-filter:blur(16px)}.profile-immersive .profile-tabs>a{color:#d8e4f6!important}.profile-immersive .profile-tabs>button.active{background:#ffffff20!important;color:white!important}
:root[data-theme=dark] .inbox{background:#131d2c}:root[data-theme=dark] .inbox-flame{background:#39291e;border-color:#6c4425;color:#ffd3a2}:root[data-theme=dark] .profile-tabs{background:#172334}:root[data-theme=dark] .profile-tabs>button.active{background:#263e60;color:#b9d9ff}
@keyframes flame-volume{0%,100%{transform:translateY(0) rotate(-3deg) scale(1)}50%{transform:translateY(-2px) rotate(3deg) scale(1.04)}}@keyframes record-pulse{50%{opacity:.45}}
@media(min-width:901px){.auth{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(400px,1fr);min-height:100svh;background:#fff;color:#151a23}.auth-art{display:flex;flex-direction:column;justify-content:space-between;background:white;padding:38px 40px 28px;overflow:hidden;color:#151a23;border-right:1px solid #dde1e8}.auth-art:before,.auth-art:after{display:none}.auth-art>.brand{color:#0867f8;z-index:1}.auth-visual{display:flex;align-items:center;flex:1;min-height:0;gap:4px}.auth-title{flex:0 0 31%;margin:0;z-index:1}.auth-title h1{font-size:clamp(36px,3.8vw,68px);line-height:1.1;letter-spacing:-2.5px}.auth-title h1 span{color:#0867f8}.auth-title p{font-size:15px;line-height:1.6;color:#6b7280;margin-top:20px}.auth-banner{width:72%;max-height:78svh;object-fit:contain;margin-left:-4%;align-self:center}.auth-foot{font-size:10px;color:#798395;letter-spacing:1.5px}.auth-side{padding:48px 38px;background:#fff}.auth-box{max-width:480px}.auth-box h2{font-size:23px;letter-spacing:-.5px}.auth-box form{margin-top:28px}.auth-box input{min-height:56px;border-radius:15px;background:white;color:#17202f;border:1px solid #cbd1dc}.auth-box .password-line{position:relative}.auth-box .password-line input{padding-right:48px;min-width:0}.auth-box .password-line .icon-btn{position:absolute;right:8px;border:0}.auth-box .primary{border-radius:28px;min-height:48px;margin-top:10px}.auth-box .auth-legal{font-size:11px;margin-top:32px;color:#7c8592}.auth-box label{color:#344054}.auth-box .muted{color:#687589}.auth-box .text-btn{color:#0867f8}}
@media(max-width:900px){.auth-banner{display:none}}
@media(prefers-reduced-motion:reduce){.bond-flame,.record-dot{animation:none!important}.inbox .conversation{transition:none}}