/* Immersive surfaces retain a readable contrast above the original artwork. */
#profile-ambience{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#111423;pointer-events:none}#profile-ambience:after,#chat-ambience:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#080c1d42,#080c1d87)}.ambience-media{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(1.6px);transform:scale(1.015)}
body.profile-immersive{background:#111423;color:#f3f5ff;isolation:isolate;--surface:#182235;--surface-raised:#26344b;--soft:#243249;--glass:rgba(18,27,44,.96);--ink:#f3f5ff;--muted:#c4cddd;--line:#ffffff24;--bg:#161c2add;--pale:#ffffff12;--blue:#a7c8ff;--blue-dark:#5087ed}.profile-immersive :is(.shell,.workspace,.content){background:transparent}.profile-immersive :is(.sidebar,.topbar,.mobile-nav){background:#0d1425d9!important;border-color:#ffffff1f;backdrop-filter:blur(16px)}.profile-immersive .card{background:#111a2ad6!important;border-color:#ffffff22;box-shadow:0 18px 55px #0003;backdrop-filter:blur(10px)}.profile-immersive :is(.outline,.profile-music,.feed-tabs,.post-head,.post-footer){background:#141d2bd9;color:#f5f7ff}.profile-immersive .profile-actions{flex-wrap:wrap}.profile-immersive .feed-tabs{border-radius:14px;padding:4px 14px}.profile-immersive .nav a.active{background:#ffffff17;color:#d7e6ff}.profile-immersive .primary{background:#367bea;color:#fff}.profile-immersive .global-search input{color:#f4f7ff;background:#ffffff0d}.profile-immersive :is(.profile-music small,.stats button,.stats>span,.muted,.meta,.post-head small){color:#c4cddd}.profile-immersive .stats b{color:#fff}.profile-immersive .profile-cover:not(.custom-cover){background:linear-gradient(130deg,#ffffff0d,#ffffff03);border-color:#ffffff17}

.chat-thread{position:relative;isolation:isolate;overflow:hidden}#chat-ambience{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#161b30;pointer-events:none}.chat-immersive .message-list{background:transparent!important}.chat-immersive :is(.chat-header,.message-form,.chat-attachment){background:#10182ee8!important;color:#f5f6ff;border-color:#ffffff24;backdrop-filter:blur(12px)}.chat-immersive .chat-header small{color:#bfcbe1}.chat-immersive .message-form input{background:#263248;color:#fff;border-color:#46506a}.chat-immersive .message-form input::placeholder{color:#bec9dc}.chat-immersive .bubble{background:#1f2b40eb!important;color:#fff!important;box-shadow:0 4px 14px #0002;border:1px solid #ffffff15}.chat-immersive .bubble.mine{background:#4059b8ef!important}.chat-immersive .bubble small{color:#d6def1!important}.chat-immersive .message-list>.meta{color:#fff;background:#172136d9;border-radius:15px;padding:12px}.chat-header>a:nth-child(3){min-width:0;flex:1}.chat-header strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bond-badge{margin-left:auto;display:flex;align-items:center;gap:7px;flex-shrink:0;background:#fff0df;border:1px solid #ffb96566;border-radius:16px;padding:6px 10px;color:#8d4006;max-width:220px;text-align:left}.bond-badge span{font-size:12px;font-weight:750;line-height:1.3}.bond-badge small{display:block;font-size:10px;font-weight:500;color:#966039;max-width:155px}.chat-immersive .bond-badge,:root[data-theme=dark] .bond-badge{background:#422c2ee8;color:#ffcc91;border-color:#ffb66d33}.chat-immersive .bond-badge small,:root[data-theme=dark] .bond-badge small{color:#ffd6b0}.bond-flame{width:33px;height:40px;stroke:none;overflow:visible;flex-shrink:0;animation:flame-breathe 2.5s ease-in-out infinite;filter:drop-shadow(0 3px 6px #ff8b3544)}.flame-body{fill:#ff7b35}.flame-core{fill:#ffe79b}.bond-flame .eye{fill:#5d2c25}.bond-flame .smile,.bond-flame .frown{fill:none;stroke:#5d2c25;stroke-width:2;stroke-linecap:round}.bond-flame .frown{display:none}.bond-flame.expired{filter:grayscale(1);opacity:.8;animation:flame-sad 4s ease-in-out infinite}.bond-flame.expired .smile{display:none}.bond-flame.expired .frown{display:block}.bond-flame.new{filter:grayscale(.7);opacity:.7}.bond-hero{display:flex;align-items:center;gap:20px;padding:16px 0 22px}.bond-hero .bond-flame{width:70px;height:82px}.bond-hero h3{font-size:25px;letter-spacing:-.8px}.bond-hero p{color:#aab8d3;font-size:13px}.bond-hero .eyebrow{color:#ffc395;font-size:10px}
@keyframes flame-breathe{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-2px) rotate(3deg)}}@keyframes flame-sad{0%,100%{transform:translateY(1px) rotate(-6deg)}50%{transform:translateY(3px) rotate(4deg)}}
dialog.universe-dialog{width:min(940px,calc(100% - 28px));max-width:940px;background:#111727!important;color:#f3f6ff!important;--ink:#f3f6ff;--muted:#b9c6df;--line:#ffffff22;border:1px solid #ffffff20;box-shadow:0 30px 120px #0008}.universe-dialog .modal-head{background:#111727!important;color:#f3f6ff;position:sticky;top:0;z-index:3;border-color:#ffffff14}.universe-dialog .modal-body{padding:24px}.universe-intro{font-size:15px;color:#d9e2f5;line-height:1.65;margin-bottom:14px}.universe-note{font-size:12px;color:#aebcd4;line-height:1.6;margin:10px 0 18px}.universe-preview{position:relative;aspect-ratio:2.9;min-height:160px;overflow:hidden;border-radius:20px;background:linear-gradient(120deg,#253359,#141b30);margin:20px 0;border:1px solid #ffffff20}#universe-preview-media{position:absolute;inset:0}.universe-preview-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:22px;background:linear-gradient(0deg,#070f24e0,transparent);pointer-events:none;gap:3px}.universe-preview-label span{font-size:9px;letter-spacing:2px;color:#dce8ff}.universe-preview-label strong{font-size:22px;color:#fff;letter-spacing:-.5px}.universe-preview-label small{font-size:11px;color:#d6e3fb}.universe-toolbar{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}.universe-dialog .outline{background:#202b41!important;color:#e0eaff;border-color:#ffffff25}.universe-dialog .primary{background:#6a75ed;color:white;box-shadow:none}.universe-upload{cursor:pointer;position:relative}.universe-upload input[hidden]{display:none}.universe-filters{display:flex;gap:6px;margin:24px 0 16px;overflow-x:auto}.universe-filters button{padding:8px 15px;border-radius:24px;color:#b6c3df;white-space:nowrap;font-size:12px;border:1px solid #ffffff18}.universe-filters button[aria-pressed=true]{background:#d5ddff;color:#141d39;border-color:transparent}.universe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}.universe-card{min-width:0}.universe-card>button{position:relative;display:block;width:100%;aspect-ratio:1.62;border-radius:14px;overflow:hidden;padding:0;background:#25314b;border:2px solid transparent;text-align:left;transition:transform .18s,border-color .18s}.universe-card>button:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0a102bd9,transparent 80%);pointer-events:none}.universe-card img{width:100%;height:100%;object-fit:cover;display:block}.universe-card strong{position:absolute;bottom:12px;left:12px;right:9px;z-index:1;font-size:13px;color:#fff;line-height:1.25;text-shadow:0 1px 4px #0008}.universe-chip{position:absolute;right:8px;top:8px;z-index:1;padding:3px 7px;border-radius:20px;font-size:9px;color:#fff;background:#10172ba8;backdrop-filter:blur(5px)}.universe-card>button[aria-pressed=true]{border-color:#a5acff;box-shadow:0 0 0 2px #a5acff30}.universe-card>button:hover:not(:disabled){transform:translateY(-2px)}.universe-card>a{display:inline-block;color:#a5b5d3;font-size:10px;margin:5px 3px}.universe-card.locked img{filter:grayscale(.6);opacity:.65}.universe-card button:disabled{opacity:1;cursor:not-allowed}.universe-footer{position:sticky;bottom:-24px;margin:24px -24px -24px;padding:17px 24px;background:#111727f5;border-top:1px solid #ffffff20;backdrop-filter:blur(14px);z-index:2;display:flex;gap:16px;align-items:center;justify-content:space-between}.universe-footer small{font-size:12px;color:#b5c4df;max-width:370px}
@media(max-width:650px){.profile-immersive .card{backdrop-filter:blur(6px)}.bond-badge{padding:5px 7px;gap:4px;max-width:151px}.bond-badge .bond-flame{width:25px;height:32px}.bond-badge span{font-size:10px}.bond-badge small{font-size:9px;max-width:96px}.chat-header .avatar{width:34px;height:34px}.chat-header>a:nth-child(3){font-size:12px}.chat-header>a:nth-child(3)>small{font-size:10px}.universe-dialog .modal-body{padding:17px}.universe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}.universe-preview{aspect-ratio:1.85}.universe-preview-label{padding:16px}.universe-preview-label strong{font-size:19px}.universe-card strong{font-size:12px;left:9px;bottom:10px}.universe-footer{bottom:-17px;margin:20px -17px -17px;padding:14px 17px calc(14px + env(safe-area-inset-bottom));display:grid;gap:9px}.universe-footer .btn{width:100%}.universe-dialog .modal-head h2{font-size:19px}.universe-toolbar .btn{font-size:12px;padding:10px 12px}.bond-hero h3{font-size:22px}.profile-actions .btn{white-space:normal}}
@media(prefers-reduced-motion:reduce){.bond-flame{animation:none}.universe-card>button{transition:none}}

.inbox-flame{font-size:12px;white-space:nowrap;color:#b75c23;font-weight:700}.inbox-flame.expired{filter:grayscale(1);opacity:.55}
.profile-immersive dialog:not(.universe-dialog){background:#162034;color:#f4f7ff}.profile-immersive dialog:not(.universe-dialog) .modal-head{background:#162034;color:#f4f7ff}.profile-immersive dialog :is(input,textarea,select){background:#263149;color:#f4f7ff;border-color:#53607a}.profile-immersive dialog :is(input,textarea)::placeholder{color:#bcc8de}.profile-immersive .text-post{color:#f4f7ff}

.bond-badge[data-power=gold] .flame-body{fill:#ffb12c}.bond-badge[data-power=blue] .flame-body{fill:#63bfff}.bond-badge[data-power=blue] .flame-core{fill:#c4eeff}.bond-badge[data-power=cosmic] .flame-body{fill:#b897ff}.bond-badge[data-power=cosmic] .flame-core{fill:#ffe1fc}.bond-milestone{padding:16px;border:1px solid #ffffff1c;border-radius:15px;background:#202a41;margin:16px 0}.bond-milestone>div{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.bond-milestone strong{font-size:13px;color:#e7eeff}.bond-milestone small,.bond-milestone p{font-size:11px;color:#b9c8e6}.bond-milestone progress{width:100%;height:7px;appearance:none;border:0;border-radius:10px;overflow:hidden;background:#35415b;margin:10px 0}.bond-milestone progress::-webkit-progress-bar{background:#35415b}.bond-milestone progress::-webkit-progress-value{background:linear-gradient(90deg,#e29657,#fdcd85);border-radius:10px}.bond-milestone progress::-moz-progress-bar{background:#fdcd85}

/* Keep icon controls legible in both dark mode and immersive profiles. */
:is(:root[data-theme=dark],body.profile-immersive) :is(.profile-actions .icon-btn,.music-mini-play){background:var(--surface-raised);color:var(--ink);border:1px solid var(--line)}
:is(:root[data-theme=dark],body.profile-immersive) :is(.profile-actions .icon-btn,.music-mini-play):hover{background:var(--soft);color:var(--ink)}
:is(:root[data-theme=dark],body.profile-immersive) :is(.profile-actions .icon-btn,.music-mini-play):focus-visible{outline:2px solid #a7c8ff;outline-offset:3px}
:is(:root[data-theme=dark],body.profile-immersive) .music-mini-play[aria-pressed=true]{background:#334b70;color:#fff;border-color:#7296c9}
:is(:root[data-theme=dark],body.profile-immersive) :is(.profile-actions .icon-btn,.music-mini-play) svg{color:inherit}