.hypebomb-dialog{position:fixed;inset:50% auto auto 50%;width:min(calc(100% - 28px),520px);max-width:none;max-height:min(88dvh,820px);margin:0;padding:26px 20px 22px;overflow:auto;transform:translate(-50%,-50%);border:1px solid #7542a4;border-radius:25px;background:radial-gradient(ellipse at 50% 0%,#3a1a5b 0,transparent 58%),#150a2e;color:#fff;box-shadow:0 24px 80px #090313c9;}
.hypebomb-dialog::backdrop{background:#090313b8;backdrop-filter:blur(7px)}
.hypebomb-close{position:sticky;z-index:4;top:0;float:right;width:36px;height:36px;margin:-10px -4px 0 0;border:1px solid #ffffff35;border-radius:50%;background:#ffffff12;color:#fff;font-size:1.45rem;cursor:pointer}
#hypebomb-dialog-body{clear:both;display:grid;gap:12px;text-align:center}
.hypebomb-eyebrow{margin:0;color:#cbb8e7;font-size:.67rem;font-weight:950;letter-spacing:.16em}
.hypebomb-title{margin:0;color:#fff;font-size:clamp(1.45rem,6vw,2.05rem);line-height:1.08;letter-spacing:-.045em}
.hypebomb-copy{margin:0 auto;max-width:37ch;color:#cbbfe0;font-size:.9rem;line-height:1.45}
.hypebomb-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:5px 0}
.hypebomb-preset{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:7px;min-height:66px;padding:10px;border:1px solid #3b2a66;border-radius:15px;background:#1e1038;color:#fff;text-align:left;font:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;}
.hypebomb-preset:hover,.hypebomb-preset:focus-visible{transform:translateY(-2px);border-color:#a3e635;box-shadow:0 9px 24px #0004;outline:none}
.hypebomb-preset:disabled{opacity:.6;cursor:wait}
.hypebomb-preset.is-sending{border-color:#a3e635;background:#3a2a17;animation:hypebomb-flight .43s ease both}
.hypebomb-preset-emoji{font-size:1.55rem;line-height:1}
.hypebomb-preset-copy{overflow-wrap:anywhere;font-size:clamp(.62rem,2.4vw,.84rem);line-height:1.15}
.hypebomb-context{margin:-4px auto 2px;padding:8px 11px;border:1px solid #3b2a66;border-radius:11px;background:#1e1038;color:#d7c9eb;font-size:.76rem;font-weight:800;line-height:1.35}
.hypebomb-finder-list{display:grid;gap:8px;max-height:48dvh;overflow:auto}
.hypebomb-finder-shuffle{justify-self:end;min-height:40px;padding:8px 14px;border:1px solid #a3e63566;border-radius:12px;background:#a3e63512;color:#d8ff8d;font:inherit;font-size:.78rem;font-weight:900;cursor:pointer}.hypebomb-finder-shuffle:disabled{opacity:.55;cursor:wait}
.hypebomb-finder-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid #3b2a66;border-radius:14px;background:#1e1038;text-align:left}
.hypebomb-finder-row .hype-avatar{width:42px;height:42px}
.hypebomb-finder-copy{min-width:0;display:grid;gap:3px}
.hypebomb-finder-copy strong{overflow:hidden;color:#fff;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}
.hypebomb-finder-copy small{color:#c4b5fd;font-size:.68rem}
.hypebomb-status{min-height:1.2em;margin:0;color:#ffe386;font-size:.8rem}
.hypebomb-primary,.hypebomb-secondary{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;padding:11px 14px;border:0;border-radius:14px;font:inherit;font-weight:950;text-decoration:none;cursor:pointer}
.hypebomb-primary{background:#a3e635;color:#17150e}
.hypebomb-secondary{border:1px solid #ffffff42;background:#ffffff0a;color:#eee4fa}
.hypebomb-success-mark{display:grid;place-items:center;width:72px;height:72px;margin:8px auto 4px;border:1px solid #ffd700;border-radius:24px;background:#ffd70012;font-size:2.5rem;animation:hypebomb-pop .42s cubic-bezier(.2,.9,.3,1.2) both}
.hypebomb-toast{position:fixed;z-index:101;left:50%;bottom:calc(100px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 28px);padding:12px 16px;border:1px solid #ffffff24;border-radius:14px;background:#fff;color:#241536;box-shadow:0 10px 34px #0007;font-size:.8rem;font-weight:850;text-align:center;transform:translateX(-50%)}
.hypebomb-toast[hidden]{display:none}
.hypebomb-action-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 13px;border:1px solid #a3e635;border-radius:12px;background:#a3e635;color:#1a2410;font:inherit;font-size:.72rem;font-weight:950;text-decoration:none}
.hype-inbox-section,.hype-streaks-section{display:grid;gap:11px;margin-top:14px}
.hype-daily-pill{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;border:1px solid #4b3870;border-radius:99px;background:#1e1038;color:#e9ddf6;font-size:.76rem;font-weight:850}
.hype-daily-pill.is-empty{border-color:#7b6036;color:#ffe3a4}
.hype-daily-pill a{color:#a3e635;font-size:.72rem;font-weight:950;text-decoration:none;white-space:nowrap}
.hype-empty-send{justify-self:center;min-height:46px;margin:12px 0 0;padding:0 17px;border:0;border-radius:13px;background:#a3e635;color:#17150e;font:inherit;font-size:.82rem;font-weight:950;cursor:pointer}
.streak-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:2px 0 14px}
.streak-summary-card{min-width:0;min-height:92px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:7px;row-gap:4px;padding:11px;border:1px solid #4d3868;border-radius:16px;background:linear-gradient(145deg,#281641,#1e1038);color:#e7dcf5;text-align:left;font:inherit;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}
.streak-summary-card.is-active{border-color:#a3e635;background:linear-gradient(145deg,#38214d,#25173a);box-shadow:0 0 0 1px #a3e63522}
.streak-summary-card:active{transform:scale(.98)}
.streak-summary-icon{grid-row:1 / span 2;font-size:1.35rem}
.streak-summary-label{overflow:hidden;color:#c8b7dd;font-size:.68rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.streak-summary-count{color:#fff;font-size:1.05rem;line-height:1}
.streak-filter-hint{display:block;margin:-8px 0 12px;color:#b8a8d9;font-size:.68rem;text-align:center}
.streak-content-section[hidden]{display:none!important}
.streak-content-section{scroll-margin-top:16px}
.streak-boost-list{display:grid;gap:10px}
.hype-popular-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #f7a34a;border-radius:16px;background:linear-gradient(110deg,#52253c,#2a1743);color:#fff}.hype-popular-banner a{color:#a3e635;font-size:.76rem;font-weight:900;white-space:nowrap}
.hype-inbox-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px;border:1px solid #654783;border-radius:18px;background:linear-gradient(130deg,#32194e,#24143d);box-shadow:0 12px 28px #0903134a}
.hype-inbox-card.is-unread{border-color:#a3e635;box-shadow:0 0 0 1px #a3e63520,0 12px 28px #0903134a}
.hype-inbox-open{min-width:0;display:flex;align-items:center;gap:11px;padding:2px;border:0;background:transparent;color:#fff;text-align:left;font:inherit;cursor:pointer}
.hype-avatar{width:48px;height:48px;flex:none;display:grid;place-items:center;border:1px solid #ffffff30;border-radius:50%;background:linear-gradient(145deg,#6c44a0,#25133c);font-size:1.45rem}
.hype-inbox-copy{min-width:0;display:grid;gap:4px}
.hype-inbox-copy strong{font-size:.83rem;line-height:1.25}
.hype-inbox-copy>span{overflow:hidden;color:#d4c6e5;font-size:.77rem;text-overflow:ellipsis;white-space:nowrap}
.hype-inbox-copy time{color:#bba9d1;font-size:.66rem}
.hype-inbox-actions{display:grid;justify-items:end;gap:6px}
.hype-send-back{min-height:37px;padding:0 10px;border:0;border-radius:11px;background:#a3e635;color:#18210f;font:inherit;font-size:.67rem;font-weight:950;white-space:nowrap;cursor:pointer}
.hype-mute{width:32px;height:24px;border:0;border-radius:8px;background:transparent;color:#cab9dc;font-size:1.2rem;line-height:1;cursor:pointer}
.hype-send-back:disabled,.hype-mute:disabled{opacity:.55;cursor:wait}
.hype-streak-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border:1px solid #45315c;border-radius:17px;background:#1e1038}
.hype-streak-copy{min-width:0;display:grid;justify-items:start;gap:5px}
.hype-streak-copy>strong{overflow:hidden;max-width:100%;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}
.hype-streak-count{color:#ffd36b;font-size:.78rem;font-weight:950}
.hype-streak-count.is-gold{color:#ffd700}
.hype-streak-count.is-diamond{color:#00e5ff}
.hype-dies-pill{padding:4px 7px;border:1px solid #ff9b45;border-radius:99px;background:#ff9b4518;color:#ffbd7d;font-size:.62rem;font-weight:900;white-space:nowrap}
.hype-send-action{min-height:38px;padding:0 10px;border:1px solid #a3e635;border-radius:11px;background:#a3e635;color:#17200d;font:inherit;font-size:.66rem;font-weight:950;white-space:nowrap;cursor:pointer}
.hype-send-action.is-muted,.hype-send-action:disabled{border-color:#6b6b6b;background:#6b6b6b;color:#f0f0f0;cursor:default}
.hype-streaks-section .inbox-empty,.hype-inbox-section .inbox-empty{min-height:160px;padding:20px}
.hypebomb-dialog.is-explosion{width:100vw;height:100dvh;max-width:none;max-height:none;display:grid;place-items:center;padding:24px;border:0;border-radius:0;background:radial-gradient(circle,#4d246e 0,#150a2e 62%);overflow:hidden}
.hypebomb-dialog.is-explosion::backdrop{background:#150a2e}
.hypebomb-dialog.is-explosion #hypebomb-dialog-body{width:min(100%,520px);min-height:60vh;align-content:center;justify-items:center}
.hypebomb-burst{position:relative;display:grid;place-items:center;width:154px;height:154px;border-radius:50%;background:radial-gradient(circle,#ffd700 0 5%,#ff7c28 12%,#a855f7 42%,transparent 72%);font-size:4rem;animation:hypebomb-explode 1.5s cubic-bezier(.2,.8,.3,1) both}
.hypebomb-opening-copy{margin:0;color:#ffd700;font-size:3.2rem;animation:hypebomb-fade .5s .55s both}
.hypebomb-dialog.is-explosion #hypebomb-dialog-body>*:not(.hypebomb-burst):not(.hypebomb-opening-copy){opacity:0}
.pp-hypebomb-action{border:0;cursor:pointer}
.suggestion-avatar{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
@keyframes hypebomb-flight{0%{transform:scale(1)}45%{transform:translateY(-18px) scale(1.07) rotate(-3deg)}100%{transform:translate(22vw,-55vh) scale(.25) rotate(22deg);opacity:.2}}
@keyframes hypebomb-pop{0%{transform:scale(.3) rotate(-14deg);opacity:0}70%{transform:scale(1.12) rotate(4deg)}100%{transform:scale(1);opacity:1}}
@keyframes hypebomb-explode{0%{transform:scale(.08);opacity:0;filter:blur(10px)}35%{transform:scale(1.18);opacity:1;filter:blur(0);box-shadow:0 0 0 34px #ffd70013,0 0 90px #ff803d8a}100%{transform:scale(1);opacity:1}}
@keyframes hypebomb-fade{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@media(max-width:500px){.hypebomb-dialog{padding:22px 15px 18px}.hypebomb-presets{gap:7px}.hypebomb-preset{min-height:62px;padding:9px 7px}.hypebomb-preset-copy{font-size:clamp(.58rem,2.5vw,.72rem)}.hype-inbox-card{grid-template-columns:minmax(0,1fr);}.hype-inbox-actions{display:flex;justify-content:flex-end;align-items:center}.hype-streak-row{grid-template-columns:42px minmax(0,1fr);gap:9px}.hype-streak-row .hype-avatar{width:42px;height:42px}.hype-send-action{grid-column:2;justify-self:start}.hypebomb-finder-row .hype-send-action{grid-column:auto;justify-self:auto}.hype-inbox-copy>span{white-space:normal}.streak-summary-grid{gap:6px}.streak-summary-card{min-height:84px;padding:8px;border-radius:13px;column-gap:5px}.streak-summary-icon{font-size:1.12rem}.streak-summary-label{font-size:.61rem}.streak-summary-count{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.hypebomb-preset,.hypebomb-success-mark,.hypebomb-burst,.hypebomb-opening-copy{animation:none!important;transition:none!important}}