.level-up{position:fixed;right:20px;bottom:20px;z-index:62;display:flex;align-items:flex-start;gap:12px;width:min(360px,calc(100vw - 32px));padding:14px 12px 14px 14px;border:1px solid var(--accent);border-radius:14px;background:var(--bg-raised);color:var(--text);box-shadow:0 14px 36px #00000059;animation:level-up-in .32s cubic-bezier(.2,.8,.2,1) both}.level-up.new-title{border-color:var(--badge-gold, #e3b43c);box-shadow:0 14px 36px #00000059,0 0 0 3px color-mix(in srgb,var(--badge-gold, #e3b43c) 25%,transparent)}.level-up.leaving{animation:level-up-out .24s ease-in both}.level-up.still,.level-up.still.leaving{animation:none}@keyframes level-up-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes level-up-out{to{opacity:0;transform:translateY(12px)}}.level-up-art{flex:none}.level-up-text{flex:1;min-width:0}.level-up-text p{margin:0}.level-up-eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.level-up.new-title .level-up-eyebrow{color:var(--badge-gold, #e3b43c)}.level-up-text .level-up-title{margin-top:2px;font-size:16px;font-weight:800}.level-up-text .level-up-unlocked,.level-up-text .level-up-next,.level-up-text .level-up-note{margin-top:6px;font-size:13px;line-height:1.4}.level-up-next,.level-up-note{color:var(--text-dim)}.level-up-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.level-up-link,.level-up-actions .reward-card-share{padding:5px 12px;border:1px solid var(--accent);border-radius:999px;background:none;color:var(--accent);font:inherit;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer}.level-up-close{flex:none;width:28px;height:28px;margin:-6px -4px 0 0;border:none;border-radius:50%;background:none;color:var(--text-faint);font-size:18px;cursor:pointer}.level-up-close:focus-visible,.level-up-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:560px){.level-up{right:16px;left:16px;bottom:16px;width:auto}}@media(prefers-reduced-motion:reduce){.level-up,.level-up.leaving{animation:none}}@property --frame-turn{syntax: "<angle>"; inherits: false; initial-value: 0deg;}[data-frame],[data-who-frame]{--frame-stops: initial;--frame-halo: initial;--frame-spin: initial}[data-frame=spark],[data-who-frame=spark]{--frame: #f2a93b}[data-frame=tinkerer],[data-who-frame=tinkerer]{--frame: #2fb8a6}[data-frame=resistor],[data-who-frame=resistor]{--frame: #c98a5b}[data-frame=solderer],[data-who-frame=solderer]{--frame: #9aa6b8}[data-frame=diode],[data-who-frame=diode]{--frame: #e5534b}[data-frame=builder],[data-who-frame=builder]{--frame: #5b8def}[data-frame=capacitor],[data-who-frame=capacitor]{--frame: #2ec4e6}[data-frame=engineer],[data-who-frame=engineer]{--frame: #a46be8}[data-frame=phosphor],[data-who-frame=phosphor]{--frame: #4ade80}[data-frame=transistor],[data-who-frame=transistor]{--frame: #f472b6}[data-frame=architect],[data-who-frame=architect]{--frame: #e3b43c}[data-frame=plasma],[data-who-frame=plasma]{--frame: #ff6b3d}[data-frame=quartz],[data-who-frame=quartz]{--frame: #c9b8f5}[data-frame=designer],[data-who-frame=designer]{--frame: #3fb6ff}[data-frame=silicon],[data-who-frame=silicon]{--frame: #8796ad}[data-frame=inventor],[data-who-frame=inventor]{--frame: #ef5d7a}[data-frame=pioneer],[data-who-frame=pioneer]{--frame: #22c55e}[data-frame=tesla],[data-who-frame=tesla]{--frame: #6d7cff}[data-frame=visionary],[data-who-frame=visionary]{--frame: #c084fc}[data-frame=superconductor],[data-who-frame=superconductor]{--frame: #67e8f9}[data-frame=photon],[data-who-frame=photon]{--frame: #fde047}[data-frame=luminary],[data-who-frame=luminary]{--frame: #f5e6b8}[data-frame=quantum],[data-who-frame=quantum]{--frame: #2dd4bf}[data-frame=supernova],[data-who-frame=supernova]{--frame: #fb7185}[data-frame=ember],[data-who-frame=ember]{--frame: #ff8a3d}[data-frame=flame],[data-who-frame=flame]{--frame: #ff5a1f}[data-frame=anniversary],[data-who-frame=anniversary]{--frame: #ff9fcf}[data-frame=yeartwo],[data-who-frame=yeartwo]{--frame: #6ea8ff;--frame-stops: #6ea8ff, #6ea8ff}[data-frame=yearthree],[data-who-frame=yearthree]{--frame: #b88cff;--frame-stops: #b88cff, #efe4ff 25%, #b88cff 50%, #efe4ff 75%, #b88cff;--frame-halo: repeating-conic-gradient(from 6deg, #e6d6ff 0 18deg, transparent 18deg 30deg)}[data-frame=yearfour],[data-who-frame=yearfour]{--frame: #e2b866;--frame-stops: #f6dd9c, #b8873a 25%, #f6dd9c 50%, #d3dae4 50%, #8e98a6 75%, #d3dae4}[data-frame=yearfive],[data-who-frame=yearfive]{--frame: #e6ecf8;--frame-stops: #c3cde0, #ffffff 10%, #9fd3ff 20%, #f5c8ff 32%, #ffffff 42%, #c3cde0 50%, #ffffff 60%, #ffe3a3 70%, #a6f0d8 82%, #ffffff 92%, #c3cde0;--frame-spin: 8s}html[data-theme=light] [data-frame=yearthree],html[data-theme=light][data-who-frame=yearthree]{--frame-halo: repeating-conic-gradient(from 6deg, #a47cf0 0 18deg, transparent 18deg 30deg)}html[data-theme=light] [data-frame=yearfive],html[data-theme=light][data-who-frame=yearfive]{--frame-stops: #8f9bb3, #dfe6f3 10%, #5fb4f5 20%, #d38cf0 32%, #dfe6f3 42%, #8f9bb3 50%, #dfe6f3 60%, #e8b84f 70%, #4fcca3 82%, #dfe6f3 92%, #8f9bb3;--frame: #aab6cc}[data-frame=spectrum],[data-who-frame=spectrum]{--frame: #a78bfa;--frame-stops: #ff5f6d, #ffc371, #47e891, #3fb6ff, #a46be8, #ff5f6d;--frame-spin: 9s}[data-frame=shimmer],[data-who-frame=shimmer]{--frame: #d6dde8;--frame-stops: #8796ad, #ffffff 12%, #b9c3d3 25%, #8796ad 50%, #ffffff 62%, #b9c3d3 75%, #8796ad;--frame-spin: 4s}[data-frame=circuit],[data-who-frame=circuit]{--frame: #4ade80;--frame-stops: #14532d, #4ade80 8%, #14532d 16%, #14532d 50%, #4ade80 58%, #14532d 66%, #14532d;--frame-spin: 3s}[data-frame=aurora],[data-who-frame=aurora]{--frame: #2dd4bf;--frame-stops: #22c55e, #2dd4bf, #6d7cff, #c084fc, #2dd4bf, #22c55e;--frame-spin: 12s}[data-frame=legend],[data-who-frame=legend]{--frame: #d9a12a;--frame-stops: #6e4506, #a8730f 12%, #dda12a 22%, #ffd27a 27%, #dda12a 32%, #a8730f 42%, #6e4506 50%, #a8730f 62%, #dda12a 72%, #ffd27a 77%, #dda12a 82%, #a8730f 92%, #6e4506;--frame-spin: 6s}[data-frame=inferno],[data-who-frame=inferno]{--frame: #ff5a1f;--frame-stops: #7c1d06, #ff5a1f, #ffc371 25%, #ff5a1f 40%, #7c1d06 50%, #ff5a1f, #ffc371 75%, #ff5a1f 90%, #7c1d06;--frame-spin: 2.5s}[data-frame=eternal],[data-who-frame=eternal]{--frame: #c084fc;--frame-stops: #3b0764, #c084fc, #fde047 25%, #c084fc 40%, #3b0764 50%, #c084fc, #fde047 75%, #c084fc 90%, #3b0764;--frame-spin: 10s}.avatar-wear[data-frame] .avatar-ring-arc,html[data-who-frame] .avatar-slot .avatar-ring-arc{stroke:var(--frame)}.avatar-wear[data-frame=spectrum]:before,.avatar-wear[data-frame=shimmer]:before,.avatar-wear[data-frame=circuit]:before,.avatar-wear[data-frame=aurora]:before,.avatar-wear[data-frame=legend]:before,.avatar-wear[data-frame=inferno]:before,.avatar-wear[data-frame=eternal]:before,.avatar-wear[data-frame=yeartwo]:before,.avatar-wear[data-frame=yearthree]:before,.avatar-wear[data-frame=yearfour]:before,.avatar-wear[data-frame=yearfive]:before,html[data-who-frame=spectrum] .avatar-slot.wears-level .avatar-wear:before,html[data-who-frame=shimmer] .avatar-slot.wears-level .avatar-wear:before,html[data-who-frame=circuit] .avatar-slot.wears-level .avatar-wear:before,html[data-who-frame=aurora] .avatar-slot.wears-level .avatar-wear:before,html[data-who-frame=legend] .avatar-slot.wears-level .avatar-wear:before,html[data-who-frame=inferno] .avatar-slot.wears-level .avatar-wear:before,html[data-who-frame=eternal] .avatar-slot.wears-level .avatar-wear:before,html[data-who-frame=yeartwo] .avatar-slot.wears-level .avatar-wear:before,html[data-who-frame=yearthree] .avatar-slot.wears-level .avatar-wear:before,html[data-who-frame=yearfour] .avatar-slot.wears-level .avatar-wear:before,html[data-who-frame=yearfive] .avatar-slot.wears-level .avatar-wear:before,.profile-avatar[data-frame=spectrum]:before,.profile-avatar[data-frame=shimmer]:before,.profile-avatar[data-frame=circuit]:before,.profile-avatar[data-frame=aurora]:before,.profile-avatar[data-frame=legend]:before,.profile-avatar[data-frame=inferno]:before,.profile-avatar[data-frame=eternal]:before,.profile-avatar[data-frame=yeartwo]:before,.profile-avatar[data-frame=yearthree]:before,.profile-avatar[data-frame=yearfour]:before,.profile-avatar[data-frame=yearfive]:before{content:"";position:absolute;inset:-12.5%;border-radius:50%;background:var(--frame-halo, conic-gradient(from var(--frame-turn), var(--frame-stops)));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));animation:frame-spin var(--frame-spin, 8s) linear infinite;pointer-events:none}.profile-avatar[data-frame]{position:relative;overflow:visible}.profile-avatar[data-frame] img{border-radius:50%}.profile-avatar[data-frame]:before{inset:-7px;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 3px))}.ring-swatch[data-frame=spectrum] .ring-swatch-dot,.ring-swatch[data-frame=shimmer] .ring-swatch-dot,.ring-swatch[data-frame=circuit] .ring-swatch-dot,.ring-swatch[data-frame=aurora] .ring-swatch-dot,.ring-swatch[data-frame=legend] .ring-swatch-dot,.ring-swatch[data-frame=inferno] .ring-swatch-dot,.ring-swatch[data-frame=eternal] .ring-swatch-dot,.ring-swatch[data-frame=yeartwo] .ring-swatch-dot,.ring-swatch[data-frame=yearthree] .ring-swatch-dot,.ring-swatch[data-frame=yearfour] .ring-swatch-dot,.ring-swatch[data-frame=yearfive] .ring-swatch-dot{background:conic-gradient(from var(--frame-turn),var(--frame-stops));animation:frame-spin var(--frame-spin, 8s) linear infinite}.level-pill[data-frame=spectrum] .level-pill-dot,.level-pill[data-frame=shimmer] .level-pill-dot,.level-pill[data-frame=circuit] .level-pill-dot,.level-pill[data-frame=aurora] .level-pill-dot,.level-pill[data-frame=legend] .level-pill-dot,.level-pill[data-frame=inferno] .level-pill-dot,.level-pill[data-frame=eternal] .level-pill-dot,.level-pill[data-frame=yeartwo] .level-pill-dot,.level-pill[data-frame=yearthree] .level-pill-dot,.level-pill[data-frame=yearfour] .level-pill-dot,.level-pill[data-frame=yearfive] .level-pill-dot{background:conic-gradient(var(--frame-stops))}.avatar-wear[data-frame=yeartwo]:before,html[data-who-frame=yeartwo] .avatar-slot.wears-level .avatar-wear:before,.profile-avatar[data-frame=yeartwo]:before,.ring-swatch[data-frame=yeartwo] .ring-swatch-dot,.streak-moment-ring[data-frame=yeartwo]:before,.avatar-wear[data-frame=yearthree]:before,html[data-who-frame=yearthree] .avatar-slot.wears-level .avatar-wear:before,.profile-avatar[data-frame=yearthree]:before,.ring-swatch[data-frame=yearthree] .ring-swatch-dot,.streak-moment-ring[data-frame=yearthree]:before,.avatar-wear[data-frame=yearfour]:before,html[data-who-frame=yearfour] .avatar-slot.wears-level .avatar-wear:before,.profile-avatar[data-frame=yearfour]:before,.ring-swatch[data-frame=yearfour] .ring-swatch-dot,.streak-moment-ring[data-frame=yearfour]:before{animation:none}@keyframes frame-spin{to{--frame-turn: 1turn}}@media(prefers-reduced-motion:reduce){.avatar-wear[data-frame]:before,.avatar-slot .avatar-wear:before,.profile-avatar[data-frame]:before,.ring-swatch[data-frame] .ring-swatch-dot{animation:none}}.profile-avatar[data-frame]{box-shadow:0 0 0 3px var(--bg-panel, transparent),0 0 0 6px var(--frame)}.level-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px 2px 8px;border:1px solid var(--line);border-radius:999px;background:var(--bg-raised);color:var(--text);font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap}.level-pill-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--frame, var(--accent))}.streak-moment-ring{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;margin:2px;border:4px solid var(--frame, var(--accent));border-radius:50%;color:var(--text);font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.streak-moment-ring:before{content:"";position:absolute;inset:-8px;border-radius:50%;background:var(--frame-halo, conic-gradient(from var(--frame-turn), var(--frame-stops)));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));animation:frame-spin var(--frame-spin, 8s) linear infinite}@media(prefers-reduced-motion:reduce){.streak-moment-ring:before{animation:none}}.profile-ring-art{width:30px;height:30px;margin:5px;border-width:3px}.profile-ring-art:before{inset:-7px}.progress-year-ring.is-big{flex:0 0 auto;width:36px;height:36px;margin:8px;border-width:4px}.progress-year-ring.is-big:before{inset:-7px}.progress-year-ring.is-small{width:14px;height:14px;margin:3px;border-width:2px}.progress-year-ring.is-small:before{inset:-3px;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px))}.progress-year-ring.is-locked{border-color:var(--line-strong)}.progress-year-ring.is-locked:before{content:none}