.notif{position:relative}.notif-trigger{border-radius:var(--radius);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--easing), color var(--duration-fast) var(--easing);background:0 0;border:1px solid #0000;place-items:center;display:grid;position:relative}.notif-trigger:hover{background:var(--surface-hover);color:var(--text-primary)}.notif-badge{border-radius:var(--radius-full);background:var(--danger);color:#fff;border:2px solid var(--surface);place-items:center;min-width:15px;height:15px;padding:0 3px;font-size:9px;font-weight:700;display:grid;position:absolute;top:2px;right:2px}.notif-panel{z-index:300;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius);width:300px;box-shadow:var(--shadow-lg);padding:var(--space-2);transform-origin:100% 0;position:absolute;top:calc(100% + 8px);right:0}.notif-head{font-size:var(--text-sm);color:var(--text-primary);padding:var(--space-2) var(--space-2) var(--space-3);font-weight:600}.notif-empty{padding:var(--space-6) var(--space-3);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.notif-list{flex-direction:column;max-height:360px;display:flex;overflow-y:auto}.notif-item{gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-2);border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--easing);background:0 0;border:none;display:flex}.notif-item:hover{background:var(--surface-hover)}.notif-item.unread{background:#ffffff0d}.notif-item.unread:hover{background:#ffffff17}.notif-dot{background:var(--text-tertiary);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.notif-dot.success{background:var(--success)}.notif-dot.warning{background:var(--warning)}.notif-dot.danger{background:var(--danger)}.notif-item-title{font-size:var(--text-sm);color:var(--text-primary)}.notif-item-body{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.flame{flex-shrink:0;display:inline-flex;position:relative}.flame svg{display:block;overflow:visible}.flame-lick,.flame-body,.flame-core,.flame-ember{transform-box:fill-box}.flame-lick{transform-origin:bottom;animation:2.3s ease-in-out infinite flame-sway}@keyframes flame-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2.5deg)}}.flame-body{transform-origin:bottom;animation:.9s ease-in-out infinite flame-flicker}@keyframes flame-flicker{0%,to{transform:scale(1)}22%{transform:scale(.97,1.05)}48%{transform:scale(1.03,.97)}72%{transform:scale(.99,1.02)}}.flame-core{transform-origin:bottom;animation:.7s ease-in-out infinite flame-core-flicker}@keyframes flame-core-flicker{0%,to{opacity:.95;transform:scaleY(1)}35%{opacity:1;transform:scaleY(1.08)}65%{opacity:.85;transform:scaleY(.92)}}.flame-glow{transform-origin:50%;animation:1.9s ease-in-out infinite flame-glow-pulse}@keyframes flame-glow-pulse{0%,to{opacity:.5;transform:scale(.96)}50%{opacity:.82;transform:scale(1.04)}}.flame-ember{transform-origin:50%;opacity:0;animation:2s ease-out infinite flame-ember-rise}.flame-ember.e1{animation-duration:2.1s;animation-delay:.2s}.flame-ember.e2{animation-duration:1.7s;animation-delay:.9s}.flame-ember.e3{animation-duration:2.4s;animation-delay:1.5s}@keyframes flame-ember-rise{0%{opacity:0;transform:translateY(0)scale(1)}18%{opacity:.9}to{opacity:0;transform:translateY(-9px)scale(.2)}}.flame--burst .flame-lick{filter:brightness(1.25)saturate(1.15);animation:.7s cubic-bezier(.34,1.56,.64,1) flame-burst}@keyframes flame-burst{0%{transform:scale(1)}28%{transform:scale(1.35,1.55)}60%{transform:scale(.95,.92)}to{transform:scale(1)}}.flame--burst .flame-glow{animation:.7s ease-out flame-burst-glow}@keyframes flame-burst-glow{0%{opacity:.5;transform:scale(1)}28%{opacity:.95;transform:scale(1.7)}to{opacity:.5;transform:scale(1)}}.flame--out .flame-lick,.flame--out .flame-body,.flame--out .flame-core,.flame--out .flame-glow{animation:none;transform:none}.flame--out .flame-ember{display:none}.flame--out svg{opacity:.4;filter:saturate(.35)brightness(.85)}@media (prefers-reduced-motion:reduce){.flame-lick,.flame-body,.flame-core,.flame-glow{animation:none}.flame-ember{display:none}}.streak-chip-wrap{position:relative}.streak-chip{align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--surface-inset);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font:inherit;transition:border-color var(--duration-fast) var(--easing), background var(--duration-fast) var(--easing), color var(--duration-fast) var(--easing);display:inline-flex;position:relative}.streak-chip:hover{border-color:var(--border-strong);background:var(--surface-hover);color:var(--text-primary)}.streak-chip-label{line-height:1;font-size:var(--text-sm);white-space:nowrap;align-items:center;display:inline-flex}.streak-chip-label b{color:var(--text-primary);font-variant-numeric:tabular-nums}.streak-chip.claimable{border-color:var(--accent-border)}.streak-chip-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:-2px}.streak-particles{pointer-events:none;z-index:10;position:absolute;top:50%;left:50%}.streak-particle{font-size:12px;position:absolute}.streak-pop{z-index:300;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius);width:244px;box-shadow:var(--shadow-lg);padding:var(--space-4);transform-origin:100% 0;position:absolute;top:calc(100% + 8px);right:0}.streak-pop-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.streak-pop-text{min-width:0}.streak-pop-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:700}.streak-pop-sub{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.streak-claim{width:100%}.streak-claimed{border-radius:var(--radius);height:28px;color:var(--success);font-size:var(--text-sm);background:#46c6901a;border:1px solid #46c69040;place-items:center;font-weight:600;display:grid}.streak-bonus{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--accent-text);text-align:center;background:#ffffff14;border:1px solid #ffffff26;font-weight:600}@media (width<=960px){.streak-chip-label{display:none}}.token-pill{align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--surface-inset);border:1px solid var(--border);color:var(--text-secondary);transition:border-color var(--duration-fast) var(--easing), background var(--duration-fast) var(--easing);text-decoration:none;display:inline-flex}.token-pill:hover{border-color:var(--border-strong);background:var(--surface-hover)}.token-pill-icon{color:var(--accent);flex-shrink:0}.token-pill-value{font-weight:700;font-size:var(--text-sm);color:var(--text-primary)}.token-pill-bar{border-radius:var(--radius-full);background:var(--surface-overlay);flex-shrink:0;width:42px;height:3px;overflow:hidden}.token-pill-bar i{background:var(--accent);border-radius:inherit;height:100%;display:block}@media (width<=860px){.token-pill-bar{display:none}}.profile-menu{position:relative}.profile-trigger{cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;padding:0;display:block}.profile-avatar{background:var(--accent-muted);border:1px solid var(--accent-border);width:28px;height:28px;color:var(--accent-text);font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--easing);border-radius:50%;place-items:center;font-weight:700;display:grid}.profile-avatar.lg{width:34px;height:34px;font-size:var(--text-md)}.profile-trigger:hover .profile-avatar{border-color:var(--accent)}.profile-dropdown{z-index:300;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius);min-width:200px;box-shadow:var(--shadow-lg);padding:var(--space-2);transform-origin:100% 0;position:absolute;top:calc(100% + 8px);right:0}.profile-id{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-3);display:flex}.profile-id-text{flex-direction:column;min-width:0;display:flex}.profile-id-name{font-size:var(--text-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.profile-id-tier{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:capitalize}.profile-divider{background:var(--border);height:1px;margin:var(--space-1) 0}.profile-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);cursor:pointer;border-radius:var(--radius-sm);color:var(--text-secondary);font:inherit;font-size:var(--text-sm);text-align:left;transition:background var(--duration-fast) var(--easing), color var(--duration-fast) var(--easing);background:0 0;border:none;display:flex}.profile-item:hover{background:var(--surface-hover);color:var(--text-primary)}.profile-item.danger:hover{color:var(--danger);background:#e5484d1a}