.profile-title-badge { display: inline-block; margin-inline-start: .45rem; font-size: .75em; font-weight: 600; vertical-align: middle; overflow-wrap: anywhere; white-space: normal; }
#style-title-preset[hidden],#public-style-title-preset[hidden],#style-title[hidden],#public-style-title[hidden] { display:none !important }
.message.arrival-message .message-text { font-weight: 700; letter-spacing: .04em; }
.message.arrival-message .message-body { border-inline-start: 3px solid var(--accent, #3a7f7c); }
.message.developer-arrival-message .message-body { border-inline-start:4px solid #e8c575;background:linear-gradient(110deg,#efcf8b24,#ab8ce31c);box-shadow:0 0 0 1px #d2b37d52,0 8px 24px #8468ab2b }
.message.developer-arrival-message .message-text { color:var(--g-text,#2e2940);text-shadow:0 0 11px #edcb8a80 }
.manual-arrival-bar { display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 22px;border-bottom:1px solid var(--g-divider,#d9dce0);background:var(--g-panel,#fff);color:var(--g-text,#1c2630) }
.manual-arrival-bar span { min-width:0;display:grid;gap:3px }
.manual-arrival-bar strong { font-size:13px }
.manual-arrival-bar small { color:var(--g-secondary,#687179);font-size:12px;line-height:1.35 }
.manual-arrival-bar button { flex:none;min-height:38px;padding-inline:14px }
.manual-arrival-bar button:disabled { opacity:.66;cursor:not-allowed }
.manual-arrival-actions { display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px }
.manual-arrival-actions .hidden { display:none }
.developer-arrival-banner { min-height:300px;border:2px solid #f8da92;color:#fff9ea;background:radial-gradient(circle at 50% -25%,#ffebaec2,transparent 49%),radial-gradient(ellipse at 4% 90%,#e89dc564,transparent 43%),radial-gradient(ellipse at 94% 83%,#85dce277,transparent 44%),linear-gradient(135deg,#101b38,#382455 50%,#0c3448);box-shadow:inset 0 0 0 2px #e9d69d55,inset 0 0 55px #fbe6b438,0 0 0 4px #8a68c08c,0 25px 90px #130e39af;animation:developer-arrival-open .7s cubic-bezier(.2,.8,.2,1),developer-arrival-aura 5s ease-in-out infinite }
.developer-arrival-banner::before,.developer-arrival-banner::after { content:'✶';z-index:0;color:#fff2bd80;font-size:clamp(80px,14vw,180px);animation:developer-arrival-orbit 7s ease-in-out infinite }
.developer-arrival-banner::after { animation-delay:-3.5s }
.developer-arrival-banner > :not(.developer-arrival-sky) { position:relative;z-index:2 }
.developer-arrival-banner .ultra-arrival-crest { width:70px;height:70px;border:2px solid #fff1bc;border-radius:50%;font-size:54px;color:#fff1bd;background:radial-gradient(circle,#fbe9bd57,#805ac54d);box-shadow:0 0 0 8px #f4daaf1d,0 0 30px #ffda8db0;animation:developer-arrival-crest 4s ease-in-out infinite }
.developer-arrival-banner .ultra-arrival-label { color:#ffe6a0;letter-spacing:.43em;text-shadow:0 0 15px #f5d395c9 }
.developer-arrival-banner .ultra-arrival-title { font-size:clamp(2.15rem,6.3vw,5.6rem);font-weight:1000;line-height:1.02;color:#ffedb5;background:linear-gradient(100deg,#ffedac,#ffc8e8,#b9f4ff,#fff2bf);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 14px #f3da8b8f);animation:developer-arrival-title 5s linear infinite }
.developer-arrival-banner .ultra-arrival-subtitle { color:#fcf2ce;letter-spacing:.42em;text-shadow:0 0 12px #eed4a7 }
.developer-arrival-banner .ultra-arrival-progress { height:6px;background:linear-gradient(90deg,#ffe2a0,#ffb6e1,#8ae9ed,#ffe2a0) }
.developer-arrival-sky { position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1 }
.developer-arrival-sky i { position:absolute;width:5px;height:5px;border-radius:50%;background:#fff9d5;box-shadow:0 0 12px 4px #fbe6a9a8;animation:developer-arrival-star 2.2s ease-in-out infinite }
body.developer-arrival-active .chat-panel { animation:developer-chat-glow 2.8s ease-in-out infinite }
@keyframes developer-arrival-open { from { opacity:0;transform:translateY(-35px) scale(.88);filter:blur(12px) } to { opacity:1;transform:translateY(0) scale(1);filter:blur(0) } }
@keyframes developer-arrival-aura { 50% { box-shadow:inset 0 0 0 2px #e9d69d88,inset 0 0 80px #fbe6b45c,0 0 0 7px #e7bdda8c,0 25px 100px #c5a0e3a3 } }
@keyframes developer-arrival-orbit { 50% { opacity:.45;transform:rotate(25deg) scale(1.15) } }
@keyframes developer-arrival-crest { 50% { transform:rotate(30deg) scale(1.12);box-shadow:0 0 0 14px #f4daaf2f,0 0 48px #ffda8dda } }
@keyframes developer-arrival-title { to { background-position:300% 0 } }
@keyframes developer-arrival-star { 50% { opacity:.25;transform:scale(.5) } }
@keyframes developer-chat-glow { 50% { box-shadow:inset 0 0 0 3px #f4d08d77,inset 0 0 42px #af87d644 } }
.ultra-arrivals { position: fixed; z-index: 26; top: max(76px, env(safe-area-inset-top)); left: 50%; transform: translateX(-50%); width: min(920px, calc(100vw - 32px)); max-height: calc(100dvh - 100px); overflow: auto; display: grid; gap: 14px; pointer-events: none; scrollbar-width: thin; filter: drop-shadow(0 18px 28px #100f343d); }
.ultra-arrivals:empty { display: none; }
.ultra-arrival-banner { position: relative; isolation: isolate; overflow: hidden; pointer-events: auto; padding: 28px 52px 30px; border: 1px solid #f4d78f; border-radius: 28px; text-align: center; color: #fff5d4; background: radial-gradient(ellipse at 50% 0%, #7757ab90, transparent 68%), radial-gradient(ellipse at 0% 100%, #be8d4330, transparent 60%), #17152c; box-shadow: inset 0 0 0 5px #f3d58c0a, inset 0 0 30px #d5aa550a; animation: ultra-arrival-reveal .45s ease-out; }
.ultra-arrival-banner::before, .ultra-arrival-banner::after { content: '✧'; position: absolute; z-index: -1; color: #e5c78345; font-size: 100px; line-height: 1; pointer-events: none; }
.ultra-arrival-banner::before { left: 22px; top: 30px; transform: rotate(-15deg); }
.ultra-arrival-banner::after { right: 26px; bottom: 30px; transform: rotate(15deg); }
.ultra-arrival-crest { display: grid; place-items: center; width: 56px; height: 56px; margin: 0 auto 12px; border: 1px solid #e4c57c88; border-radius: 18px; color: #ffe3a2; font-size: 38px; line-height: 1; background: linear-gradient(145deg, #ffe5ad25, #a68ad820); box-shadow: 0 0 22px #efd79925; }
.ultra-arrival-label { margin-bottom: 12px; font-size: .73rem; font-weight: 800; letter-spacing: .36em; color: #dfc9fb; }
.ultra-arrival-title { max-width: 100%; font-size: clamp(2rem, 5.6vw, 4.8rem); line-height: 1.04; letter-spacing: -.035em; font-weight: 900; text-wrap: balance; overflow-wrap: anywhere; color: #ffedb8; text-shadow: 0 3px 28px #efbc5d40; }
.ultra-arrival-subtitle { margin-top: 13px; font-size: clamp(.95rem, 2.2vw, 1.45rem); font-weight: 800; letter-spacing: .23em; color: #fff9ef; }
.ultra-arrival-groups { margin-top: 18px; font-size: .85rem; line-height: 1.5; color: #d1c7e3; overflow-wrap: anywhere; }
.ultra-arrival-close { position: absolute; top: 12px; right: 12px; display: grid; place-items: center; min-width: 62px; min-height: 40px; padding: 5px 12px; border: 1px solid #d7c0f477; border-radius: 999px; background: #ffffff16; color: #fff5d4; font: 700 13px/1 sans-serif; cursor: pointer; }
.ultra-arrival-close:hover { background: #ffffff24; }
.ultra-arrival-close:focus-visible { outline: 3px solid #ffe3a2; outline-offset: 3px; }
.ultra-arrival-progress { position: absolute; inset: auto 0 0; height: 4px; background: linear-gradient(90deg, #b99ae9, #ffe5a5, #c3a4ed); transform-origin: left; animation: ultra-arrival-countdown linear forwards; }
@keyframes ultra-arrival-reveal { from { opacity: 0; transform: translateY(-12px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes ultra-arrival-countdown { from { transform: scaleX(1); } to { transform: scaleX(0); } }
@media (max-width: 520px) {
  .manual-arrival-bar { padding:10px 12px;gap:8px }
  .manual-arrival-actions { max-width:52%;gap:5px }
  .manual-arrival-bar button { padding-inline:9px;font-size:11px;min-height:34px }
  .developer-arrival-banner { min-height:260px }
  .ultra-arrivals { top: max(68px, env(safe-area-inset-top)); width: calc(100vw - 20px); max-height: calc(100dvh - 88px); }
  .ultra-arrival-banner { padding: 25px 24px 27px; border-radius: 23px; }
  .ultra-arrival-crest { width: 46px; height: 46px; font-size: 31px; }
  .ultra-arrival-label { font-size: .65rem; letter-spacing: .25em; }
  .ultra-arrival-banner::before, .ultra-arrival-banner::after { font-size: 65px; opacity: .6; }
}
@media (prefers-reduced-motion: reduce) {
  .ultra-arrival-banner, .ultra-arrival-progress,.developer-arrival-banner *,body.developer-arrival-active .chat-panel { animation: none !important; }
}
@media (forced-colors: active) { .developer-arrival-banner .ultra-arrival-title { -webkit-text-fill-color:currentColor;background:none } }