body.front-creative-page .jn-quick-drawer-trigger { position: fixed; inset: 18px 20px auto auto; width: 51px; height: 51px; min-width: 51px; min-height: 51px; margin: 0px; padding: 0px; display: grid; place-items: center; visibility: visible; opacity: 1; pointer-events: auto; z-index: 100080; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.12); background: radial-gradient(120% 120% at 30% 25%, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0) 65%), linear-gradient(155deg, rgba(30, 32, 40, 0.85), rgba(20, 22, 28, 0.85)); color: transparent; box-shadow: rgba(0, 0, 0, 0.35) 0px 8px 24px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; overflow: visible; isolation: isolate; transform: none; transition: none; }

body.front-creative-page .jn-quick-drawer-trigger > .trigger-halo { position: absolute; inset: -6px; z-index: -1; display: block; width: auto; height: auto; border-radius: 50%; background: conic-gradient(rgba(0, 202, 224, 0.55), rgba(168, 85, 247, 0.55), rgba(245, 158, 11, 0.55), rgba(16, 185, 129, 0.55), rgba(0, 202, 224, 0.55)); opacity: 0.35; filter: blur(9px); pointer-events: none; }

body.front-creative-page .jn-quick-drawer-trigger > .trigger-icon-wrap { position: absolute; left: 50%; top: 50%; z-index: 1; width: 26px; height: 26px; display: grid; place-items: center; opacity: 1; transform: translate(-50%, -50%) rotate(0deg); transform-origin: 50% 50%; }

body.front-creative-page .jn-quick-drawer-trigger .trigger-icon { width: 100%; height: 100%; display: block; object-fit: contain; }

body.front-creative-page .jn-quick-drawer-trigger > .trigger-unread-dot { position: absolute; top: 3px; right: 3px; z-index: 2; display: none; width: 10px; height: 10px; border-radius: 50%; background: rgb(239, 68, 68); box-shadow: rgba(20, 22, 28, 0.95) 0px 0px 0px 3px, rgba(239, 68, 68, 0.7) 0px 0px 10px; }

body.front-creative-page .jn-quick-drawer-trigger.has-reminder > .trigger-unread-dot { display: block; }

html.jn-light-mode body.front-creative-page .jn-quick-drawer-trigger, html[data-theme="light"] body.front-creative-page .jn-quick-drawer-trigger, body.front-creative-page.jn-light-mode .jn-quick-drawer-trigger { border-color: rgba(15, 23, 42, 0.12); background: radial-gradient(120% 120% at 30% 22%, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0) 65%), linear-gradient(155deg, rgba(255, 255, 255, 0.96), rgba(234, 244, 255, 0.92)); box-shadow: rgba(15, 23, 42, 0.14) 0px 10px 26px, rgba(255, 255, 255, 0.96) 0px 1px 0px inset; }

html.jn-light-mode body.front-creative-page .jn-quick-drawer-trigger > .trigger-unread-dot, html[data-theme="light"] body.front-creative-page .jn-quick-drawer-trigger > .trigger-unread-dot, body.front-creative-page.jn-light-mode .jn-quick-drawer-trigger > .trigger-unread-dot { box-shadow: rgba(255, 255, 255, 0.98) 0px 0px 0px 3px, rgba(248, 113, 113, 0.18) 0px 0px 0px 5px, rgba(225, 29, 72, 0.48) 0px 0px 13px; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger { position: fixed; inset: 18px 20px auto auto; box-sizing: border-box; width: 51px; height: 51px; min-width: 51px; min-height: 51px; max-width: 51px; max-height: 51px; margin: 0px; padding: 0px; display: grid; place-items: center; visibility: visible; opacity: 1; pointer-events: auto; z-index: 100080; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.12); background: radial-gradient(120% 120% at 30% 25%, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0) 65%), linear-gradient(155deg, rgba(30, 32, 40, 0.85), rgba(20, 22, 28, 0.85)) transparent; color: transparent; font-size: 0px; line-height: 0; box-shadow: rgba(0, 0, 0, 0.35) 0px 8px 24px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; overflow: visible; isolation: isolate; appearance: none; cursor: pointer; transform: translate3d(0px, 0px, 0px); transform-origin: 50% 50%; transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.3s, box-shadow 0.3s; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger::before, html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger::after, html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger.has-reminder::after, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger::before, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger::after, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger.has-reminder::after { content: none; display: none; opacity: 0; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger svg, html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger .front-quick-grid, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger svg, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger .front-quick-grid { display: none; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-halo.trigger-halo, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-halo.trigger-halo { position: absolute; inset: -6px; z-index: -1; display: block; width: auto; height: auto; border-radius: 50%; border: 0px; background: conic-gradient(rgba(0, 202, 224, 0.55), rgba(168, 85, 247, 0.55), rgba(245, 158, 11, 0.55), rgba(16, 185, 129, 0.55), rgba(0, 202, 224, 0.55)); opacity: 0.35; filter: blur(9px); transform-origin: 50% 50%; pointer-events: none; animation: 9s linear 0s infinite normal none running jnQuickReplicaHaloSpinSmooth; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-icon-wrap.trigger-icon-wrap, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-icon-wrap.trigger-icon-wrap { position: absolute; left: 50%; top: 50%; z-index: 1; width: 26px; height: 26px; min-width: 0px; min-height: 0px; margin: 0px; padding: 0px; display: grid; place-items: center; opacity: 1; transform: translate(-50%, -50%) rotate(0deg); transform-origin: 50% 50%; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-icon-wrap .trigger-icon, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-icon-wrap .trigger-icon { display: block; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: fill; opacity: 1; pointer-events: none; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-unread-dot.trigger-unread-dot, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-unread-dot.trigger-unread-dot { position: absolute; top: 3px; right: 3px; z-index: 2; display: none; width: 10px; height: 10px; border-radius: 50%; background: rgb(239, 68, 68); box-shadow: rgba(20, 22, 28, 0.95) 0px 0px 0px 3px, rgba(239, 68, 68, 0.7) 0px 0px 10px; pointer-events: none; animation: 1.8s ease-in-out 0s infinite normal none running jnQuickReplicaDotPulse; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger.has-reminder > .trigger-unread-dot, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger.has-reminder > .trigger-unread-dot { display: block; }

html.jn-light-mode body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger, html[data-theme="light"] body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body.jn-light-mode:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body[data-theme="light"]:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger { border-color: rgba(15, 23, 42, 0.12); background: radial-gradient(120% 120% at 30% 22%, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0) 65%), linear-gradient(155deg, rgba(255, 255, 255, 0.96), rgba(234, 244, 255, 0.92)); box-shadow: rgba(15, 23, 42, 0.14) 0px 10px 26px, rgba(255, 255, 255, 0.96) 0px 1px 0px inset; color: transparent; }

html.jn-light-mode body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-halo.trigger-halo, html[data-theme="light"] body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-halo.trigger-halo, body.jn-light-mode:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-halo.trigger-halo { opacity: 0.28; filter: blur(8px); }

html.jn-light-mode body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-unread-dot.trigger-unread-dot, html[data-theme="light"] body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-unread-dot.trigger-unread-dot, body.jn-light-mode:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-unread-dot.trigger-unread-dot { box-shadow: rgba(255, 255, 255, 0.98) 0px 0px 0px 3px, rgba(248, 113, 113, 0.18) 0px 0px 0px 5px, rgba(225, 29, 72, 0.48) 0px 0px 13px; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger:hover, html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger:focus-visible, html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"], body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger:hover, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger:focus-visible, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"] { transform: translateY(-2px) scale(1.03); border-color: rgba(0, 202, 224, 0.55); box-shadow: rgba(0, 0, 0, 0.45) 0px 12px 30px, rgba(0, 202, 224, 0.35) 0px 0px 24px, rgba(255, 255, 255, 0.12) 0px 1px 0px inset; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"] > .trigger-halo, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"] > .trigger-halo { opacity: 0.75; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"] > .trigger-icon-wrap, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"] > .trigger-icon-wrap { transform: translate(-50%, -50%) rotate(45deg); }

@media (max-width: 760px){
html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger { top: max(10px,env(safe-area-inset-top,0px)); right: max(10px,env(safe-area-inset-right,0px)); width: 46px; height: 46px; min-width: 46px; min-height: 46px; max-width: 46px; max-height: 46px; transform: translate3d(0px, 0px, 0px); z-index: var(--lz-front-quick-trigger-layer); }
html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger:hover, html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger:focus-visible, html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"], body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger:hover, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger:focus-visible, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"] { transform: translate3d(0px, 0px, 0px) scale(1.02); }
html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-halo, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-halo { inset: -5.3px; filter: blur(8.8px); }
html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-icon-wrap, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-icon-wrap { width: 23px; height: 23px; }
}

body.page-app.front-creative-page .jn-quick-drawer-trigger { width: 51px; height: 51px; min-width: 51px; min-height: 51px; border-radius: 50%; overflow: visible; place-items: center; }

body.page-app.front-creative-page .jn-quick-drawer-trigger > .trigger-halo { position: absolute; inset: -6px; display: block; border-radius: 50%; background: conic-gradient(rgba(0, 202, 224, 0.55), rgba(168, 85, 247, 0.55), rgba(245, 158, 11, 0.55), rgba(16, 185, 129, 0.55), rgba(0, 202, 224, 0.55)); opacity: 0.35; filter: blur(9px); pointer-events: none; }

body.page-app.front-creative-page .jn-quick-drawer-trigger > .trigger-icon-wrap { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 26px; height: 26px; transform: translate(-50%, -50%); }

body.page-app.front-creative-page .jn-quick-drawer-trigger .trigger-icon { width: 100%; height: 100%; display: block; object-fit: contain; }

body.page-app.front-creative-page .jn-quick-drawer-overlay[hidden], body.page-app.front-creative-page .ai-draw-mobile-overlay[hidden] { display: none; }

@media (max-width: 760px){
html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger { position: fixed; top: max(10px,env(safe-area-inset-top)); right: max(10px,env(safe-area-inset-right)); left: auto; bottom: auto; width: 46px; height: 46px; min-width: 46px; min-height: 46px; margin: 0px; border-radius: 50%; transform: translate3d(0px, 0px, 0px); z-index: var(--lz-front-quick-trigger-layer); }
html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:hover, html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:focus-visible, html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"], body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:hover, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:focus-visible, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"] { transform: translate3d(0px, 0px, 0px) scale(1.02); }
html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-halo, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-halo { inset: -5px; filter: blur(8px); }
html body:not(.page-admin) .jn-quick-drawer-overlay, body:not(.page-admin) .jn-quick-drawer-overlay { position: fixed; inset: 0px; z-index: 2147482990; background: none transparent; backdrop-filter: none; touch-action: none; }
html body:not(.page-admin) .jn-quick-drawer.jn-quick-drawer, body:not(.page-admin) .jn-quick-drawer.jn-quick-drawer { position: fixed; top: calc(max(10px,env(safe-area-inset-top)) + 56px); right: max(8px,env(safe-area-inset-right)); bottom: max(8px,env(safe-area-inset-bottom)); left: max(8px,env(safe-area-inset-left)); width: auto; min-width: 0px; max-width: none; height: auto; max-height: none; display: flex; flex-direction: column; box-sizing: border-box; overflow: hidden; border-radius: 18px; transform: translate3d(calc(100% + 18px), 0px, 0px); z-index: 2147482995; contain: layout paint; }
html body:not(.page-admin) .jn-quick-drawer .jn-quick-drawer-head, body:not(.page-admin) .jn-quick-drawer .jn-quick-drawer-head { flex: 0 0 auto; min-width: 0px; padding: 10px; gap: 8px; }
html body:not(.page-admin) .jn-quick-drawer .jn-quick-profile-card, body:not(.page-admin) .jn-quick-drawer .jn-quick-profile-card { width: 100%; min-width: 0px; flex: 1 1 auto; padding: 8px; }
html body:not(.page-admin) .jn-quick-drawer .jn-quick-profile, body:not(.page-admin) .jn-quick-drawer .jn-quick-profile { min-width: 0px; width: 100%; }
html body:not(.page-admin) .jn-quick-drawer .jn-quick-profile-text, body:not(.page-admin) .jn-quick-drawer .jn-quick-profile-text { min-width: 0px; max-width: none; }
html body:not(.page-admin) .jn-quick-drawer .jn-quick-profile-text strong, body:not(.page-admin) .jn-quick-drawer .jn-quick-profile-text strong { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body:not(.page-admin) .jn-quick-drawer .jn-quick-profile-card .jn-quick-balance, body:not(.page-admin) .jn-quick-drawer .jn-quick-profile-card .jn-quick-balance { display: none; }
html body:not(.page-admin) .jn-quick-drawer .jn-quick-drawer-nav, body:not(.page-admin) .jn-quick-drawer .jn-quick-drawer-nav { flex: 1 1 auto; min-height: 0px; overflow: hidden auto; overscroll-behavior: contain; padding: 10px 10px 6px; scrollbar-width: none; }
html body:not(.page-admin) .jn-quick-drawer .jn-quick-drawer-nav section, body:not(.page-admin) .jn-quick-drawer .jn-quick-drawer-nav section { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 7px; margin: 0px 0px 12px; }
html body:not(.page-admin) .jn-quick-drawer .jn-quick-drawer-nav h3, body:not(.page-admin) .jn-quick-drawer .jn-quick-drawer-nav h3 { min-width: 0px; font-size: 10px; }
html body:not(.page-admin) .jn-quick-drawer .jn-quick-card, body:not(.page-admin) .jn-quick-drawer .jn-quick-card { min-width: 0px; min-height: 56px; grid-template-columns: 30px minmax(0px, 1fr); column-gap: 8px; padding: 8px; border-radius: 14px; }
html body:not(.page-admin) .jn-quick-drawer .jn-quick-card i, body:not(.page-admin) .jn-quick-drawer .jn-quick-card i { width: 30px; height: 30px; border-radius: 12px; }
html body:not(.page-admin) .jn-quick-drawer .jn-quick-card b, body:not(.page-admin) .jn-quick-drawer .jn-quick-card b { min-width: 0px; font-size: 11.8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body:not(.page-admin) .jn-quick-drawer .jn-quick-card small, body:not(.page-admin) .jn-quick-drawer .jn-quick-card small { min-width: 0px; font-size: 9.4px; line-height: 1.22; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
html body:not(.page-admin) .jn-quick-drawer .jn-quick-drawer-foot, body:not(.page-admin) .jn-quick-drawer .jn-quick-drawer-foot { flex: 0 0 auto; padding: 9px 10px 10px; }
html body:not(.page-admin) .jn-quick-drawer .jn-quick-logout, body:not(.page-admin) .jn-quick-drawer .jn-quick-logout { height: 36px; min-height: 36px; border-radius: 13px; font-size: 12px; }
}

.jn-quick-drawer-overlay { background: none transparent; backdrop-filter: none; }

.jn-quick-drawer { top: 72px; right: 14px; bottom: 16px; width: min(384px, -24px + 100vw); height: auto; max-height: calc(-88px + 100dvh); border: 1px solid rgba(148, 163, 184, 0.2); border-radius: 20px; background: rgba(9, 14, 24, 0.86); color: rgb(248, 250, 252); box-shadow: rgba(2, 6, 23, 0.42) 0px 24px 70px, rgba(125, 211, 252, 0.06) 0px 0px 0px 1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; backdrop-filter: blur(22px) saturate(1.15); overflow: hidden; transform: translate3d(104%, 0px, 0px); transition: transform 0.3s cubic-bezier(0.2, 0.86, 0.2, 1), opacity 0.22s; will-change: transform; }

.jn-quick-drawer.is-open { transform: translate3d(0px, 0px, 0px); }

.jn-quick-drawer:not(.is-open) { transform: translate3d(104%, 0px, 0px); }

.jn-quick-drawer-inner { height: 100%; display: flex; flex-direction: column; background: radial-gradient(circle at 10% 0%, rgba(56, 189, 248, 0.16), transparent 35%), radial-gradient(circle at 100% 12%, rgba(167, 139, 250, 0.13), transparent 34%), linear-gradient(rgba(15, 23, 42, 0.92), rgba(2, 6, 23, 0.9)); overflow: hidden; }

.jn-quick-drawer-head { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 12px; border-bottom: 1px solid rgba(148, 163, 184, 0.15); background: linear-gradient(rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.016)); }

.jn-quick-drawer .jn-quick-profile-card { min-width: 0px; flex: 1 1 auto; display: flex; align-items: center; gap: 9px; padding: 9px; border: 1px solid var(--front-account-line); border-radius: 16px; background: var(--front-account-surface); box-shadow: var(--front-account-shadow); }

.jn-quick-drawer .jn-quick-profile { min-width: 0px; flex: 1 1 auto; display: flex; align-items: center; gap: 9px; padding: 0px; border: 0px; background: transparent; box-shadow: none; }

.jn-quick-drawer .jn-quick-profile-avatar { width: 38px; height: 38px; flex: 0 0 38px; border-radius: 14px; border: 1px solid rgba(125, 211, 252, 0.28); background: linear-gradient(145deg, rgba(56, 189, 248, 0.24), rgba(34, 197, 94, 0.12)); color: rgb(224, 250, 255); box-shadow: rgba(56, 189, 248, 0.1) 0px 10px 22px, rgba(255, 255, 255, 0.16) 0px 1px 0px inset; }

.jn-quick-drawer .jn-quick-profile-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }

.jn-quick-drawer .jn-quick-profile-text { min-width: 0px; display: grid; gap: 3px; }

.jn-quick-drawer .jn-quick-profile-text strong { max-width: 128px; color: rgb(248, 250, 252); font-size: 13.5px; font-weight: 900; line-height: 1.12; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.jn-quick-drawer .jn-quick-profile-text small { color: rgb(145, 164, 189); font-size: 10px; font-weight: 800; line-height: 1.15; }

.jn-quick-drawer .jn-quick-profile-card .jn-quick-balance { flex: 0 0 auto; min-width: 70px; max-width: 92px; display: grid; justify-items: end; gap: 2px; padding: 6px 7px; border: 1px solid rgba(52, 211, 153, 0.24); border-radius: 13px; background: linear-gradient(145deg, rgba(34, 197, 94, 0.16), rgba(56, 189, 248, 0.08)); box-shadow: none; }

.jn-quick-drawer .jn-quick-profile-card .jn-quick-balance span { color: rgb(134, 239, 172); font-size: 9px; line-height: 1; letter-spacing: 0px; text-transform: none; }

.jn-quick-drawer .jn-quick-profile-card .jn-quick-balance b { max-width: 76px; color: rgb(248, 250, 252); font-size: 12px; line-height: 1.05; overflow: hidden; text-overflow: ellipsis; }

.jn-quick-drawer-head > button, .jn-quick-drawer-head [data-quick-drawer-close] { width: 32px; height: 32px; flex: 0 0 32px; display: grid; place-items: center; border-radius: 12px; border: 1px solid rgba(148, 163, 184, 0.18); background: rgba(255, 255, 255, 0.055); color: rgb(219, 234, 254); font-size: 20px; line-height: 1; box-shadow: none; transition: transform 0.18s, border-color 0.18s, background 0.18s; }

.jn-quick-drawer-head > button:hover, .jn-quick-drawer-head [data-quick-drawer-close]:hover { transform: scale(1.04); border-color: rgba(248, 113, 113, 0.45); background: rgba(248, 113, 113, 0.12); color: rgb(255, 255, 255); }

.jn-quick-drawer-nav { flex: 1 1 auto; min-height: 0px; overflow-y: auto; padding: 12px 12px 6px; background: transparent; scrollbar-width: thin; scrollbar-color: rgba(125, 211, 252, 0.32) transparent; }

.jn-quick-drawer-nav::-webkit-scrollbar { width: 6px; }

.jn-quick-drawer-nav::-webkit-scrollbar-track { background: transparent; }

.jn-quick-drawer-nav::-webkit-scrollbar-thumb { background: rgba(125, 211, 252, 0.26); border-radius: 999px; }

.jn-quick-drawer-nav section { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; margin: 0px 0px 14px; }

.jn-quick-drawer-nav h3 { grid-column: 1 / -1; min-width: 0px; margin: 0px 1px 1px; display: flex; align-items: center; gap: 7px; color: rgb(159, 176, 200); font-size: 10.5px; font-weight: 900; line-height: 1.2; letter-spacing: 0px; }

.jn-quick-drawer-nav h3::before { content: ""; width: 4px; height: 13px; border-radius: 999px; background: linear-gradient(rgb(56, 189, 248), rgb(34, 197, 94)); box-shadow: rgba(56, 189, 248, 0.48) 0px 0px 12px; }

.jn-quick-drawer-nav h3::after { margin-left: auto; color: rgb(94, 234, 212); font-size: 8.5px; font-weight: 900; letter-spacing: 0.08em; }

.jn-quick-drawer-nav section:nth-of-type(1) h3::after { content: "INTERFACE"; }

.jn-quick-drawer-nav section:nth-of-type(2) h3::after { content: "REWARDS"; }

.jn-quick-drawer-nav section:nth-of-type(3) h3::after { content: "SUPPORT"; }

.jn-quick-drawer-nav section:nth-of-type(4) h3::after { content: "TOOLS"; }

.jn-quick-card { --jn-q1: #22c55e; --jn-q2: #0f766e; position: relative; min-width: 0px; min-height: 62px; width: 100%; display: grid; grid-template-columns: 34px minmax(0px, 1fr); grid-template-rows: auto auto; align-items: center; align-content: center; gap: 2px 9px; padding: 9px; border: 1px solid rgba(148, 163, 184, 0.16); border-radius: 15px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(15, 23, 42, 0.16)); color: rgb(248, 250, 252); text-align: left; box-shadow: rgba(255, 255, 255, 0.08) 0px 1px 0px inset, rgba(2, 6, 23, 0.1) 0px 10px 24px; backdrop-filter: none; overflow: hidden; transition: transform 0.18s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.18s, background 0.18s, box-shadow 0.18s; }

.jn-quick-card::before { content: ""; position: absolute; inset: -1px; background: radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--jn-q1) 24%,transparent),transparent 48%); opacity: 0.72; pointer-events: none; }

.jn-quick-card::after { content: ""; position: absolute; inset: 0px; border-radius: inherit; background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 36%); opacity: 0.34; pointer-events: none; }

.jn-quick-card:hover, .jn-quick-card:focus-visible { transform: translateY(-2px); border-color: color-mix(in srgb,var(--jn-q1) 58%,rgba(255,255,255,.18)); background: linear-gradient(145deg, rgba(255, 255, 255, 0.106), rgba(15, 23, 42, 0.2)); box-shadow: 0 14px 30px color-mix(in srgb,var(--jn-q1) 18%,rgba(2,6,23,.20)),inset 0 1px 0 rgba(255,255,255,.12); }

.jn-quick-card i { grid-area: 1 / 1 / 3; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 13px; border: 1px solid color-mix(in srgb,var(--jn-q1) 38%,rgba(255,255,255,.16)); background: linear-gradient(145deg,color-mix(in srgb,var(--jn-q1) 25%,rgba(255,255,255,.08)),color-mix(in srgb,var(--jn-q2) 17%,rgba(15,23,42,.20))); color: rgb(255, 255, 255); font-size: 0px; line-height: 0; font-style: normal; box-shadow: 0 9px 18px color-mix(in srgb,var(--jn-q1) 16%,transparent),inset 0 1px 0 rgba(255,255,255,.18); }

.jn-quick-card b { grid-column: 2; min-width: 0px; display: block; color: rgb(248, 250, 252); font-size: 12.5px; font-weight: 900; line-height: 1.18; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.jn-quick-card small { grid-column: 2; min-width: 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0px; color: rgb(147, 166, 191); font-size: 10px; font-weight: 700; line-height: 1.28; overflow: hidden; }

.jn-quick-drawer-foot { flex: 0 0 auto; padding: 10px 12px 12px; border-top: 1px solid var(--front-account-line); background: linear-gradient(rgba(255, 255, 255, 0.016), rgba(255, 255, 255, 0.043)); }

.jn-quick-logout { height: 40px; display: flex; align-items: center; justify-content: flex-start; gap: 10px; padding: 0 14px; border-radius: 14px; border: 1px solid var(--front-account-line); background: var(--front-account-surface); color: var(--jn-quick-danger-text); font-size: 12.5px; font-weight: 900; text-decoration: none; box-shadow: var(--front-account-shadow); transition: transform 0.18s, border-color 0.18s, background 0.18s, box-shadow 0.18s; }

.jn-quick-logout::before { content: "⎋"; width: 22px; height: 22px; display: grid; place-items: center; flex: 0 0 22px; border-radius: 8px; background: rgba(244, 63, 94, 0.12); color: var(--jn-quick-danger-text); font-size: 13px; line-height: 1; }

.jn-quick-logout svg { width: 16px; height: 16px; }

.jn-quick-logout:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--jn-quick-danger-text) 34%, var(--front-account-line)); background: var(--front-account-surface); color: rgb(255, 255, 255); box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08); }

.jn-quick-card, .jn-quick-drawer-nav section:nth-of-type(1) .jn-quick-card:nth-of-type(1) { --jn-q1: #22c55e; --jn-q2: #0f766e; }

.jn-quick-drawer-nav section:nth-of-type(1) .jn-quick-card:nth-of-type(2) { --jn-q1: #38bdf8; --jn-q2: #7c3aed; }

.jn-quick-drawer-nav section:nth-of-type(1) .jn-quick-card:nth-of-type(3) { --jn-q1: #a78bfa; --jn-q2: #7c3aed; }

.jn-quick-drawer-nav section:nth-of-type(2) .jn-quick-card:nth-of-type(1) { --jn-q1: #f59e0b; --jn-q2: #ea580c; }

.jn-quick-drawer-nav section:nth-of-type(2) .jn-quick-card:nth-of-type(2) { --jn-q1: #fb7185; --jn-q2: #db2777; }

.jn-quick-drawer-nav section:nth-of-type(3) .jn-quick-card:nth-of-type(1) { --jn-q1: #2dd4bf; --jn-q2: #0891b2; }

.jn-quick-drawer-nav section:nth-of-type(3) .jn-quick-card:nth-of-type(2) { --jn-q1: #60a5fa; --jn-q2: #2563eb; }

.jn-quick-drawer-nav section:nth-of-type(4) .jn-quick-card:nth-of-type(1) { --jn-q1: #818cf8; --jn-q2: #4f46e5; }

.jn-quick-drawer-nav section:nth-of-type(4) .jn-quick-card:nth-of-type(2) { --jn-q1: #34d399; --jn-q2: #16a34a; }

.jn-quick-drawer-nav section:nth-of-type(4) .jn-quick-card:nth-of-type(3) { --jn-q1: #f97316; --jn-q2: #dc2626; }

.jn-quick-card[data-quick-action="language"] { --jn-q1: #22c55e; --jn-q2: #0f766e; }

.jn-quick-card[data-quick-action="theme"] { --jn-q1: #38bdf8; --jn-q2: #7c3aed; }

.jn-quick-card[data-quick-action="profile"] { --jn-q1: #a78bfa; --jn-q2: #7c3aed; }

.jn-quick-card[data-quick-action="checkin"] { --jn-q1: #f59e0b; --jn-q2: #ea580c; }

.jn-quick-card[data-quick-action="invite"] { --jn-q1: #fb7185; --jn-q2: #db2777; }

.jn-quick-card[data-quick-action="support"] { --jn-q1: #2dd4bf; --jn-q2: #0891b2; }

.jn-quick-card[data-quick-action="messages"] { --jn-q1: #60a5fa; --jn-q2: #2563eb; }

.jn-quick-card[data-quick-action="api-tokens"] { --jn-q1: #818cf8; --jn-q2: #4f46e5; }

.jn-quick-card[data-quick-action="recharge-records"], .jn-quick-card[data-quick-action="payments"] { --jn-q1: #34d399; --jn-q2: #16a34a; }

.jn-quick-card[data-quick-action="credits"] { --jn-q1: #f97316; --jn-q2: #dc2626; }

html.jn-light-mode .jn-quick-drawer-trigger, body.jn-light-mode .jn-quick-drawer-trigger, html[data-theme="light"] .jn-quick-drawer-trigger, body[data-theme="light"] .jn-quick-drawer-trigger { border-color: rgba(37, 99, 235, 0.2); background: radial-gradient(circle at 34% 34%, rgb(14, 165, 233) 0px, rgb(14, 165, 233) 10%, transparent 11%), radial-gradient(circle at 66% 34%, rgb(245, 158, 11) 0px, rgb(245, 158, 11) 10%, transparent 11%), radial-gradient(circle at 34% 66%, rgb(34, 197, 94) 0px, rgb(34, 197, 94) 10%, transparent 11%), radial-gradient(circle at 66% 66%, rgb(139, 92, 246) 0px, rgb(139, 92, 246) 10%, transparent 11%), linear-gradient(145deg, rgb(255, 255, 255), rgb(234, 244, 255)); box-shadow: rgba(15, 23, 42, 0.14) 0px 14px 32px, rgba(14, 165, 233, 0.08) 0px 0px 0px 6px, rgba(255, 255, 255, 0.95) 0px 1px 0px inset; }

html.jn-light-mode .jn-quick-drawer-trigger::after, body.jn-light-mode .jn-quick-drawer-trigger::after, html[data-theme="light"] .jn-quick-drawer-trigger::after, body[data-theme="light"] .jn-quick-drawer-trigger::after { border-color: rgb(255, 255, 255); }

html.jn-light-mode body:not(.page-admin) .jn-quick-drawer, body.jn-light-mode:not(.page-admin) .jn-quick-drawer, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer, body[data-theme="light"]:not(.page-admin) .jn-quick-drawer { background: rgba(255, 255, 255, 0.88); color: rgb(15, 23, 42); border-color: rgba(15, 23, 42, 0.1); box-shadow: rgba(15, 23, 42, 0.16) 0px 24px 70px, rgba(14, 165, 233, 0.06) 0px 0px 0px 1px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset; backdrop-filter: blur(20px) saturate(1.08); }

html.jn-light-mode body:not(.page-admin) .jn-quick-drawer-inner, body.jn-light-mode:not(.page-admin) .jn-quick-drawer-inner, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer-inner, body[data-theme="light"]:not(.page-admin) .jn-quick-drawer-inner { background: radial-gradient(circle at 8% 0%, rgba(14, 165, 233, 0.14), transparent 36%), radial-gradient(circle at 100% 12%, rgba(139, 92, 246, 0.1), transparent 34%), linear-gradient(rgba(255, 255, 255, 0.96), rgba(241, 247, 255, 0.92)); }

html.jn-light-mode body:not(.page-admin) :is(.jn-quick-drawer-head, .jn-quick-drawer-foot), body.jn-light-mode:not(.page-admin) :is(.jn-quick-drawer-head, .jn-quick-drawer-foot), html[data-theme="light"] body:not(.page-admin) :is(.jn-quick-drawer-head, .jn-quick-drawer-foot), body[data-theme="light"]:not(.page-admin) :is(.jn-quick-drawer-head, .jn-quick-drawer-foot) { background: linear-gradient(rgba(255, 255, 255, 0.84), rgba(241, 245, 249, 0.42)); border-color: rgba(15, 23, 42, 0.08); }

html.jn-light-mode body:not(.page-admin) .jn-quick-drawer .jn-quick-profile-card, body.jn-light-mode:not(.page-admin) .jn-quick-drawer .jn-quick-profile-card, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer .jn-quick-profile-card, body[data-theme="light"]:not(.page-admin) .jn-quick-drawer .jn-quick-profile-card { background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(224, 242, 254, 0.58)); border-color: rgba(14, 165, 233, 0.16); box-shadow: rgba(255, 255, 255, 0.96) 0px 1px 0px inset, rgba(15, 23, 42, 0.08) 0px 10px 24px; }

html.jn-light-mode body:not(.page-admin) .jn-quick-card, body.jn-light-mode:not(.page-admin) .jn-quick-card, html[data-theme="light"] body:not(.page-admin) .jn-quick-card, body[data-theme="light"]:not(.page-admin) .jn-quick-card { background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(241, 245, 249, 0.68)); border-color: rgba(15, 23, 42, 0.08); color: rgb(15, 23, 42); box-shadow: rgba(255, 255, 255, 0.94) 0px 1px 0px inset, rgba(15, 23, 42, 0.06) 0px 10px 24px; }

html.jn-light-mode body:not(.page-admin) .jn-quick-card:hover, body.jn-light-mode:not(.page-admin) .jn-quick-card:hover, html[data-theme="light"] body:not(.page-admin) .jn-quick-card:hover, body[data-theme="light"]:not(.page-admin) .jn-quick-card:hover { background: linear-gradient(145deg, rgb(255, 255, 255), rgba(239, 246, 255, 0.88)); border-color: color-mix(in srgb,var(--jn-q1) 45%,rgba(15,23,42,.10)); box-shadow: 0 14px 28px color-mix(in srgb,var(--jn-q1) 16%,rgba(15,23,42,.10)),inset 0 1px 0 #fff; }

html.jn-light-mode body:not(.page-admin) :is(.jn-quick-card b, .jn-quick-profile-text strong), body.jn-light-mode:not(.page-admin) :is(.jn-quick-card b, .jn-quick-profile-text strong), html[data-theme="light"] body:not(.page-admin) :is(.jn-quick-card b, .jn-quick-profile-text strong), body[data-theme="light"]:not(.page-admin) :is(.jn-quick-card b, .jn-quick-profile-text strong) { color: rgb(15, 23, 42); -webkit-text-fill-color: currentcolor; }

html.jn-light-mode body:not(.page-admin) :is(.jn-quick-card small, .jn-quick-profile-text small, .jn-quick-drawer-nav h3), body.jn-light-mode:not(.page-admin) :is(.jn-quick-card small, .jn-quick-profile-text small, .jn-quick-drawer-nav h3), html[data-theme="light"] body:not(.page-admin) :is(.jn-quick-card small, .jn-quick-profile-text small, .jn-quick-drawer-nav h3), body[data-theme="light"]:not(.page-admin) :is(.jn-quick-card small, .jn-quick-profile-text small, .jn-quick-drawer-nav h3) { color: rgb(100, 116, 139); -webkit-text-fill-color: currentcolor; }

@media (max-width: 760px){
.jn-quick-drawer-trigger { right: 12px; top: 12px; width: 40px; height: 40px; border-radius: 15px; }
.jn-quick-drawer { top: 62px; right: 10px; bottom: 10px; width: min(360px, -20px + 100vw); max-height: calc(-72px + 100dvh); border-radius: 18px; }
.jn-quick-drawer-head { padding: 10px; gap: 8px; }
.jn-quick-drawer-head > button, .jn-quick-drawer-head [data-quick-drawer-close] { width: 30px; height: 30px; flex-basis: 30px; border-radius: 11px; }
.jn-quick-drawer-nav { padding: 10px 10px 4px; }
.jn-quick-drawer-nav h3 { font-size: 10px; }
.jn-quick-card { min-height: 58px; grid-template-columns: 31px minmax(0px, 1fr); column-gap: 8px; padding: 8px; border-radius: 14px; }
.jn-quick-card i { width: 31px; height: 31px; border-radius: 12px; }
.jn-quick-card b { font-size: 11.8px; }
.jn-quick-card small { font-size: 9.4px; line-height: 1.22; }
.jn-quick-drawer-foot { padding: 9px 10px 10px; }
.jn-quick-logout { height: 36px; border-radius: 13px; font-size: 12px; }
}

.jn-quick-drawer-overlay.jn-quick-drawer-overlay { background: none transparent; backdrop-filter: none; }

.jn-quick-drawer.jn-quick-drawer { top: 72px; right: 14px; bottom: 16px; width: min(384px, -24px + 100vw); height: auto; max-height: calc(-88px + 100dvh); border: 1px solid rgba(148, 163, 184, 0.2); border-radius: 20px; background: rgba(9, 14, 24, 0.86); color: rgb(248, 250, 252); box-shadow: rgba(2, 6, 23, 0.42) 0px 24px 70px, rgba(125, 211, 252, 0.06) 0px 0px 0px 1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; backdrop-filter: blur(22px) saturate(1.15); overflow: hidden; transform: translate3d(104%, 0px, 0px); transition: transform 0.3s cubic-bezier(0.2, 0.86, 0.2, 1), opacity 0.22s; }

.jn-quick-drawer.jn-quick-drawer.is-open { transform: translate3d(0px, 0px, 0px); }

.jn-quick-drawer.jn-quick-drawer:not(.is-open) { transform: translate3d(104%, 0px, 0px); }

.jn-quick-drawer .jn-quick-drawer-inner { height: 100%; display: flex; flex-direction: column; background: radial-gradient(circle at 10% 0%, rgba(56, 189, 248, 0.16), transparent 35%), radial-gradient(circle at 100% 12%, rgba(167, 139, 250, 0.13), transparent 34%), linear-gradient(rgba(15, 23, 42, 0.92), rgba(2, 6, 23, 0.9)); overflow: hidden; }

.jn-quick-drawer .jn-quick-drawer-head { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 12px; border-bottom: 1px solid rgba(148, 163, 184, 0.15); background: linear-gradient(rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.016)); }

.jn-quick-drawer .jn-quick-drawer-head > button, .jn-quick-drawer .jn-quick-drawer-head [data-quick-drawer-close] { width: 32px; height: 32px; flex: 0 0 32px; display: grid; place-items: center; border-radius: 12px; border: 1px solid rgba(148, 163, 184, 0.18); background: rgba(255, 255, 255, 0.055); color: rgb(219, 234, 254); font-size: 20px; line-height: 1; box-shadow: none; }

.jn-quick-drawer .jn-quick-drawer-nav { flex: 1 1 auto; min-height: 0px; overflow-y: auto; padding: 12px 12px 6px; background: transparent; scrollbar-width: thin; scrollbar-color: rgba(125, 211, 252, 0.32) transparent; }

.jn-quick-drawer .jn-quick-drawer-nav section { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; margin: 0px 0px 14px; }

.jn-quick-drawer .jn-quick-drawer-nav h3 { grid-column: 1 / -1; min-width: 0px; margin: 0px 1px 1px; display: flex; align-items: center; gap: 7px; color: rgb(159, 176, 200); font-size: 10.5px; font-weight: 900; line-height: 1.2; letter-spacing: 0px; }

.jn-quick-drawer .jn-quick-drawer-nav h3::before { content: ""; width: 4px; height: 13px; border-radius: 999px; background: linear-gradient(rgb(56, 189, 248), rgb(34, 197, 94)); box-shadow: rgba(56, 189, 248, 0.48) 0px 0px 12px; }

.jn-quick-drawer .jn-quick-drawer-nav h3::after { margin-left: auto; color: rgb(94, 234, 212); font-size: 8.5px; font-weight: 900; letter-spacing: 0.08em; }

.jn-quick-drawer .jn-quick-card { --jn-q1: #22c55e; --jn-q2: #0f766e; position: relative; min-width: 0px; min-height: 62px; width: 100%; display: grid; grid-template-columns: 34px minmax(0px, 1fr); grid-template-rows: auto auto; align-items: center; align-content: center; gap: 2px 9px; padding: 9px; border: 1px solid rgba(148, 163, 184, 0.16); border-radius: 15px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(15, 23, 42, 0.16)); color: rgb(248, 250, 252); text-align: left; box-shadow: rgba(255, 255, 255, 0.08) 0px 1px 0px inset, rgba(2, 6, 23, 0.1) 0px 10px 24px; backdrop-filter: none; overflow: hidden; transition: transform 0.18s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.18s, background 0.18s, box-shadow 0.18s; }

.jn-quick-drawer .jn-quick-card::before { content: ""; position: absolute; inset: -1px; background: radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--jn-q1) 24%,transparent),transparent 48%); opacity: 0.72; pointer-events: none; }

.jn-quick-drawer .jn-quick-card::after { content: ""; position: absolute; inset: 0px; border-radius: inherit; background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 36%); opacity: 0.34; pointer-events: none; }

.jn-quick-drawer .jn-quick-card > * { position: relative; z-index: 1; }

.jn-quick-drawer .jn-quick-card:hover, .jn-quick-drawer .jn-quick-card:focus-visible { transform: translateY(-2px); border-color: color-mix(in srgb,var(--jn-q1) 58%,rgba(255,255,255,.18)); background: linear-gradient(145deg, rgba(255, 255, 255, 0.106), rgba(15, 23, 42, 0.2)); box-shadow: 0 14px 30px color-mix(in srgb,var(--jn-q1) 18%,rgba(2,6,23,.20)),inset 0 1px 0 rgba(255,255,255,.12); }

.jn-quick-drawer .jn-quick-card i { grid-area: 1 / 1 / 3; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 13px; border: 1px solid color-mix(in srgb,var(--jn-q1) 38%,rgba(255,255,255,.16)); background: linear-gradient(145deg,color-mix(in srgb,var(--jn-q1) 25%,rgba(255,255,255,.08)),color-mix(in srgb,var(--jn-q2) 17%,rgba(15,23,42,.20))); color: rgb(255, 255, 255); font-size: 0px; line-height: 0; font-style: normal; box-shadow: 0 9px 18px color-mix(in srgb,var(--jn-q1) 16%,transparent),inset 0 1px 0 rgba(255,255,255,.18); }

.jn-quick-drawer .jn-quick-card b { grid-column: 2; min-width: 0px; display: block; color: rgb(248, 250, 252); font-size: 12.5px; font-weight: 900; line-height: 1.18; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.jn-quick-drawer .jn-quick-card small { grid-column: 2; min-width: 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0px; color: rgb(147, 166, 191); font-size: 10px; font-weight: 700; line-height: 1.28; overflow: hidden; }

.jn-quick-drawer .jn-quick-drawer-foot { flex: 0 0 auto; padding: 10px 12px 12px; border-top: 1px solid rgba(148, 163, 184, 0.14); background: linear-gradient(rgba(255, 255, 255, 0.016), rgba(255, 255, 255, 0.043)); }

.jn-quick-drawer .jn-quick-logout { height: 38px; display: flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; border: 1px solid rgba(251, 113, 133, 0.28); background: linear-gradient(135deg, rgba(244, 63, 94, 0.14), rgba(251, 113, 133, 0.08)); color: rgb(255, 228, 230); font-size: 12.5px; font-weight: 900; text-decoration: none; box-shadow: none; }

.jn-quick-drawer .jn-quick-logout svg { width: 16px; height: 16px; }

.jn-quick-drawer-nav section:nth-of-type(1) .jn-quick-card:nth-of-type(1) { --jn-q1: #22c55e; --jn-q2: #0f766e; }

html.jn-light-mode .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body.jn-light-mode .jn-quick-drawer-trigger.jn-quick-drawer-trigger, html[data-theme="light"] .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body[data-theme="light"] .jn-quick-drawer-trigger.jn-quick-drawer-trigger { border-color: rgba(37, 99, 235, 0.2); background: radial-gradient(circle at 34% 34%, rgb(14, 165, 233) 0px, rgb(14, 165, 233) 10%, transparent 11%), radial-gradient(circle at 66% 34%, rgb(245, 158, 11) 0px, rgb(245, 158, 11) 10%, transparent 11%), radial-gradient(circle at 34% 66%, rgb(34, 197, 94) 0px, rgb(34, 197, 94) 10%, transparent 11%), radial-gradient(circle at 66% 66%, rgb(139, 92, 246) 0px, rgb(139, 92, 246) 10%, transparent 11%), linear-gradient(145deg, rgb(255, 255, 255), rgb(234, 244, 255)); box-shadow: rgba(15, 23, 42, 0.14) 0px 14px 32px, rgba(14, 165, 233, 0.08) 0px 0px 0px 6px, rgba(255, 255, 255, 0.95) 0px 1px 0px inset; }

html.jn-light-mode .jn-quick-drawer-trigger.jn-quick-drawer-trigger::after, body.jn-light-mode .jn-quick-drawer-trigger.jn-quick-drawer-trigger::after, html[data-theme="light"] .jn-quick-drawer-trigger.jn-quick-drawer-trigger::after, body[data-theme="light"] .jn-quick-drawer-trigger.jn-quick-drawer-trigger::after { border-color: rgb(255, 255, 255); }

html.jn-light-mode body:not(.page-admin) .jn-quick-drawer.jn-quick-drawer, body.jn-light-mode:not(.page-admin) .jn-quick-drawer.jn-quick-drawer, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer.jn-quick-drawer, body[data-theme="light"]:not(.page-admin) .jn-quick-drawer.jn-quick-drawer { background: rgba(255, 255, 255, 0.88); color: rgb(15, 23, 42); border-color: rgba(15, 23, 42, 0.1); box-shadow: rgba(15, 23, 42, 0.16) 0px 24px 70px, rgba(14, 165, 233, 0.06) 0px 0px 0px 1px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset; backdrop-filter: blur(20px) saturate(1.08); }

html.jn-light-mode body:not(.page-admin) .jn-quick-drawer .jn-quick-drawer-inner, body.jn-light-mode:not(.page-admin) .jn-quick-drawer .jn-quick-drawer-inner, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer .jn-quick-drawer-inner, body[data-theme="light"]:not(.page-admin) .jn-quick-drawer .jn-quick-drawer-inner { background: radial-gradient(circle at 8% 0%, rgba(14, 165, 233, 0.14), transparent 36%), radial-gradient(circle at 100% 12%, rgba(139, 92, 246, 0.1), transparent 34%), linear-gradient(rgba(255, 255, 255, 0.96), rgba(241, 247, 255, 0.92)); }

html.jn-light-mode body:not(.page-admin) .jn-quick-drawer :is(.jn-quick-drawer-head, .jn-quick-drawer-foot), body.jn-light-mode:not(.page-admin) .jn-quick-drawer :is(.jn-quick-drawer-head, .jn-quick-drawer-foot), html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer :is(.jn-quick-drawer-head, .jn-quick-drawer-foot), body[data-theme="light"]:not(.page-admin) .jn-quick-drawer :is(.jn-quick-drawer-head, .jn-quick-drawer-foot) { background: linear-gradient(rgba(255, 255, 255, 0.84), rgba(241, 245, 249, 0.42)); border-color: rgba(15, 23, 42, 0.08); }

html.jn-light-mode body:not(.page-admin) .jn-quick-drawer .jn-quick-card, body.jn-light-mode:not(.page-admin) .jn-quick-drawer .jn-quick-card, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer .jn-quick-card, body[data-theme="light"]:not(.page-admin) .jn-quick-drawer .jn-quick-card { background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(241, 245, 249, 0.68)); border-color: rgba(15, 23, 42, 0.08); color: rgb(15, 23, 42); box-shadow: rgba(255, 255, 255, 0.94) 0px 1px 0px inset, rgba(15, 23, 42, 0.06) 0px 10px 24px; }

html.jn-light-mode body:not(.page-admin) .jn-quick-drawer :is(.jn-quick-card b, .jn-quick-profile-text strong), body.jn-light-mode:not(.page-admin) .jn-quick-drawer :is(.jn-quick-card b, .jn-quick-profile-text strong), html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer :is(.jn-quick-card b, .jn-quick-profile-text strong), body[data-theme="light"]:not(.page-admin) .jn-quick-drawer :is(.jn-quick-card b, .jn-quick-profile-text strong) { color: rgb(15, 23, 42); -webkit-text-fill-color: currentcolor; }

html.jn-light-mode body:not(.page-admin) .jn-quick-drawer :is(.jn-quick-card small, .jn-quick-profile-text small, .jn-quick-drawer-nav h3), body.jn-light-mode:not(.page-admin) .jn-quick-drawer :is(.jn-quick-card small, .jn-quick-profile-text small, .jn-quick-drawer-nav h3), html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer :is(.jn-quick-card small, .jn-quick-profile-text small, .jn-quick-drawer-nav h3), body[data-theme="light"]:not(.page-admin) .jn-quick-drawer :is(.jn-quick-card small, .jn-quick-profile-text small, .jn-quick-drawer-nav h3) { color: rgb(100, 116, 139); -webkit-text-fill-color: currentcolor; }

@media (max-width: 760px){
.jn-quick-drawer-trigger.jn-quick-drawer-trigger::before { border-radius: 12px; }
.jn-quick-drawer .jn-quick-drawer-head { padding: 10px; gap: 8px; }
.jn-quick-drawer .jn-quick-profile-card { padding: 8px; border-radius: 15px; }
.jn-quick-drawer .jn-quick-profile-avatar { width: 35px; height: 35px; flex-basis: 35px; border-radius: 13px; }
.jn-quick-drawer .jn-quick-profile-text strong { max-width: 116px; font-size: 12.5px; }
.jn-quick-drawer .jn-quick-drawer-head > button, .jn-quick-drawer .jn-quick-drawer-head [data-quick-drawer-close] { width: 30px; height: 30px; flex-basis: 30px; border-radius: 11px; }
.jn-quick-drawer .jn-quick-drawer-nav { padding: 10px 10px 4px; }
.jn-quick-drawer .jn-quick-drawer-nav section { gap: 7px; margin-bottom: 12px; }
.jn-quick-drawer .jn-quick-drawer-foot { padding: 9px 10px 10px; }
.jn-quick-drawer .jn-quick-logout { height: 36px; border-radius: 13px; font-size: 12px; }
}

.jn-quick-drawer-trigger { position: fixed; right: 20px; top: 20px; z-index: 100080; width: 52px; height: 52px; border-radius: 999px; border: 1px solid rgba(103, 232, 249, 0.36); background: rgba(2, 6, 23, 0.62); color: rgb(207, 250, 254); display: grid; place-items: center; box-shadow: rgba(34, 211, 238, 0.14) 0px 0px 0px 1px, rgba(0, 0, 0, 0.34) 0px 18px 70px, rgba(34, 211, 238, 0.14) 0px 0px 34px; backdrop-filter: blur(18px); cursor: pointer; transition: 0.22s; }

.jn-quick-drawer-trigger svg { width: 24px; height: 24px; }

.jn-quick-drawer-trigger:hover { transform: translateY(-2px); border-color: rgba(165, 243, 252, 0.72); background: rgba(34, 211, 238, 0.12); color: rgb(255, 255, 255); }

.jn-quick-drawer-overlay { position: fixed; inset: 0px; z-index: 100070; background: rgba(2, 6, 23, 0.56); backdrop-filter: blur(5px); opacity: 1; transition: opacity 0.28s; }

.jn-quick-drawer-overlay[hidden] { display: none; }

.jn-quick-drawer { position: fixed; right: 0px; top: 0px; z-index: 100090; width: min(420px, -18px + 100vw); height: 100dvh; transform: translateX(104%); transition: transform 0.32s; border-left: 1px solid rgba(165, 243, 252, 0.18); background: rgba(2, 6, 23, 0.62); box-shadow: rgba(34, 211, 238, 0.14) 0px 0px 0px 1px, rgba(0, 0, 0, 0.42) -28px 0px 90px, rgba(34, 211, 238, 0.1) 0px 0px 44px; backdrop-filter: blur(22px); color: rgb(248, 250, 252); overflow: hidden; }

.jn-quick-drawer-inner { height: 100%; display: flex; flex-direction: column; background: radial-gradient(circle at 30% 0%, rgba(34, 211, 238, 0.16), transparent 34%), linear-gradient(rgba(15, 23, 42, 0.78), rgba(2, 6, 23, 0.72)); }

.jn-quick-drawer-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.jn-quick-drawer-head span { display: block; color: rgb(165, 243, 252); font-size: 11px; font-weight: 900; letter-spacing: 0.18em; text-transform: uppercase; }

.jn-quick-drawer-head h2 { margin: 4px 0px 0px; font-size: 21px; color: rgb(255, 255, 255); }

.jn-quick-drawer-head p { margin: 5px 0px 0px; color: rgb(148, 163, 184); font-size: 12px; }

.jn-quick-drawer-head button { width: 40px; height: 40px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.05); color: rgb(203, 213, 225); font-size: 26px; line-height: 1; cursor: pointer; transition: 0.2s; }

.jn-quick-drawer-head button:hover { border-color: rgba(165, 243, 252, 0.48); background: rgba(34, 211, 238, 0.1); color: rgb(255, 255, 255); }

.jn-quick-drawer-nav { flex: 1 1 0%; overflow: auto; padding: 16px 16px 6px; scrollbar-width: thin; scrollbar-color: rgba(34, 211, 238, 0.35) transparent; }

.jn-quick-drawer-nav section { display: grid; gap: 10px; margin-bottom: 22px; }

.jn-quick-drawer-nav h3 { margin: 0px 0px 2px 4px; color: rgb(148, 163, 184); font-size: 12px; font-weight: 900; }

.jn-quick-card { width: 100%; display: grid; grid-template-columns: 46px minmax(0px, 1fr); align-items: center; gap: 12px; text-align: left; border: 1px solid rgba(207, 250, 254, 0.15); border-radius: 18px; background: rgba(255, 255, 255, 0.055); color: rgb(248, 250, 252); padding: 11px 12px; box-shadow: rgba(125, 211, 252, 0.08) 0px 0px 0px 1px, rgba(34, 211, 238, 0.08) 0px 10px 34px; backdrop-filter: blur(12px); cursor: pointer; transition: 0.22s; }

.jn-quick-card:hover { transform: translateY(-2px); border-color: rgba(165, 243, 252, 0.45); background: rgba(34, 211, 238, 0.11); box-shadow: rgba(125, 211, 252, 0.2) 0px 0px 0px 1px, rgba(34, 211, 238, 0.12) 0px 16px 42px; }

.jn-quick-card i { grid-row: 1 / 3; width: 44px; height: 44px; border-radius: 16px; display: grid; place-items: center; border: 1px solid rgba(165, 243, 252, 0.22); background: rgba(34, 211, 238, 0.12); color: rgb(207, 250, 254); font-style: normal; font-weight: 900; font-size: 15px; }

.jn-quick-card b { display: block; color: rgb(255, 255, 255); font-size: 14px; line-height: 1.35; }

.jn-quick-card small { display: block; margin-top: 2px; color: rgb(148, 163, 184); font-size: 12px; line-height: 1.45; }

.jn-quick-drawer-foot { padding: 16px; border-top: 1px solid rgba(255, 255, 255, 0.1); }

.jn-quick-logout { height: 46px; display: flex; align-items: center; justify-content: center; gap: 9px; border-radius: 18px; border: 1px solid rgba(253, 164, 175, 0.28); background: rgba(244, 63, 94, 0.12); color: rgb(255, 228, 230); text-decoration: none; font-size: 14px; font-weight: 900; box-shadow: rgba(253, 164, 175, 0.08) 0px 0px 0px 1px, rgba(244, 63, 94, 0.08) 0px 10px 34px; transition: 0.2s; }

.jn-quick-logout svg { width: 18px; height: 18px; }

.jn-quick-logout:hover { border-color: rgba(254, 205, 211, 0.6); background: rgba(244, 63, 94, 0.18); color: rgb(255, 255, 255); }

.jn-light-mode .jn-quick-drawer { background: rgba(255, 255, 255, 0.74); color: rgb(15, 23, 42); }

:is(html.jn-light-mode,html[data-theme="light"]) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-logout, body:is(.jn-light-mode,[data-theme="light"]):not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-logout { border: 1px solid rgba(220, 38, 38, 0.13); background: linear-gradient(135deg, rgba(255, 247, 247, 0.98), rgba(255, 237, 239, 0.94)); color: rgb(185, 28, 28); -webkit-text-fill-color: rgb(185, 28, 28); }

:is(html.jn-light-mode,html[data-theme="light"]) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-logout::before, body:is(.jn-light-mode,[data-theme="light"]):not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-logout::before { background: rgba(220, 38, 38, 0.1); color: rgb(185, 28, 28); }

.jn-light-mode .jn-quick-drawer-inner { background: radial-gradient(circle at 30% 0%, rgba(14, 165, 233, 0.16), transparent 34%), linear-gradient(rgba(255, 255, 255, 0.78), rgba(239, 246, 255, 0.72)); }

.jn-light-mode .jn-quick-card { background: rgba(255, 255, 255, 0.68); color: rgb(15, 23, 42); border-color: rgba(14, 165, 233, 0.24); }

.jn-light-mode .jn-quick-card b, .jn-light-mode .jn-quick-drawer-head h2 { color: rgb(15, 23, 42); }

.jn-light-mode .jn-quick-card small, .jn-light-mode .jn-quick-drawer-nav h3, .jn-light-mode .jn-quick-drawer-head p { color: rgb(100, 116, 139); }

@media (max-width: 760px){
.jn-quick-drawer { width: min(390px, -10px + 100vw); }
.jn-quick-drawer-head { padding: 17px; }
.jn-quick-drawer-nav { padding: 13px; }
.jn-quick-card { border-radius: 16px; padding: 10px; }
.jn-quick-card i { width: 40px; height: 40px; border-radius: 14px; }
.jn-quick-drawer-foot { padding: 13px; }
}

.jn-quick-drawer { width: min(480px, -12px + 100vw); }

.jn-quick-drawer-head { padding: 18px 18px 16px; }

.jn-quick-drawer-nav { padding: 14px 14px 8px; }

.jn-quick-drawer-nav section { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; margin-bottom: 18px; display: grid; }

.jn-quick-drawer-nav h3 { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; margin: 0px 0px 2px; padding: 0px 2px; color: rgb(203, 213, 225); font-size: 12px; font-weight: 900; }

.jn-quick-drawer-nav h3::before { content: ""; width: 7px; height: 7px; border-radius: 999px; background: rgb(34, 211, 238); box-shadow: rgba(34, 211, 238, 0.8) 0px 0px 14px; }

.jn-quick-card { min-height: 118px; grid-template-rows: auto auto 1fr; align-content: start; justify-items: start; gap: 8px; border-radius: 20px; background: linear-gradient(rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.043)); position: relative; overflow: hidden; grid-template-columns: 1fr; padding: 13px; }

.jn-quick-card::before { content: ""; position: absolute; inset: 0px; background: radial-gradient(circle at 18% 0%, rgba(34, 211, 238, 0.16), transparent 42%); opacity: 0.9; pointer-events: none; }

.jn-quick-card > * { position: relative; z-index: 1; }

.jn-quick-card i { grid-row: auto; width: 42px; height: 42px; border-radius: 16px; font-size: 14px; }

.jn-quick-card b { font-size: 14px; line-height: 1.25; }

.jn-quick-card small { line-height: 1.45; margin-top: -2px; font-size: 11px; }

.jn-quick-drawer-foot { padding: 14px; }

.jn-quick-logout { height: 46px; border-radius: 18px; }

.jn-light-mode .jn-quick-card { background: linear-gradient(rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.64)); }

@media (max-width: 760px){
.jn-quick-drawer { width: min(410px, -8px + 100vw); }
.jn-quick-drawer-nav section { gap: 8px; margin-bottom: 16px; }
.jn-quick-card { min-height: 108px; border-radius: 17px; padding: 11px; }
.jn-quick-card i { width: 38px; height: 38px; border-radius: 14px; }
.jn-quick-card b { font-size: 13px; }
.jn-quick-card small { font-size: 10.5px; }
}

@media (max-width: 340px){
.jn-quick-card { min-height: 102px; padding: 10px; }
.jn-quick-card small { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
}

.jn-quick-drawer-trigger { right: 22px; top: 22px; width: 46px; height: 46px; border-radius: 18px; border: 1px solid rgba(125, 211, 252, 0.42); background: linear-gradient(145deg, rgba(15, 23, 42, 0.72), rgba(8, 47, 73, 0.62)); color: rgb(224, 250, 255); box-shadow: rgba(2, 6, 23, 0.34) 0px 10px 34px, rgba(14, 165, 233, 0.18) 0px 0px 0px 1px, rgba(255, 255, 255, 0.14) 0px 1px 0px inset; }

.jn-quick-drawer-trigger::before { content: ""; position: absolute; inset: 5px; border-radius: 14px; background: radial-gradient(circle at 32% 20%, rgba(255, 255, 255, 0.22), transparent 36%); pointer-events: none; }

.jn-quick-drawer-trigger svg { position: relative; z-index: 1; filter: drop-shadow(rgba(103, 232, 249, 0.36) 0px 0px 8px); width: 20px; height: 20px; }

.jn-quick-drawer-trigger:hover { transform: translateY(-2px) scale(1.02); border-color: rgba(186, 230, 253, 0.7); background: linear-gradient(145deg, rgba(14, 165, 233, 0.34), rgba(15, 23, 42, 0.72)); box-shadow: rgba(2, 6, 23, 0.38) 0px 14px 38px, rgba(56, 189, 248, 0.22) 0px 0px 24px, rgba(255, 255, 255, 0.2) 0px 1px 0px inset; }

.jn-quick-drawer { width: min(430px, -10px + 100vw); }

.jn-quick-drawer-head { padding: 16px 16px 13px; }

.jn-quick-drawer-head h2 { font-size: 18px; }

.jn-quick-drawer-head p { font-size: 11px; }

.jn-quick-drawer-head button { width: 34px; height: 34px; font-size: 22px; }

.jn-quick-drawer-nav { padding: 12px 12px 6px; }

.jn-quick-drawer-nav section { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; margin-bottom: 14px; }

.jn-quick-drawer-nav h3 { font-size: 11px; margin-bottom: 0px; }

.jn-quick-card { min-height: 74px; display: grid; grid-template-columns: 34px minmax(0px, 1fr); grid-template-rows: auto auto; place-items: center stretch; align-content: center; gap: 1px 9px; padding: 9px 10px; border-radius: 15px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(15, 23, 42, 0.18)); }

.jn-quick-card::before { background: radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.13), transparent 48%); }

.jn-quick-card:hover { transform: translateY(-1px); }

.jn-quick-card i { grid-area: 1 / 1 / 3; width: 32px; height: 32px; border-radius: 12px; font-size: 12px; }

.jn-quick-card b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; grid-column: 2; font-size: 12.5px; line-height: 1.2; }

.jn-quick-card small { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; grid-column: 2; font-size: 10px; line-height: 1.28; margin: 0px; }

.jn-quick-drawer-foot { padding: 12px; }

.jn-quick-logout { height: 40px; border-radius: 14px; font-size: 13px; }

.jn-light-mode .jn-quick-drawer-trigger { background: linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(224, 242, 254, 0.74)); color: rgb(3, 105, 161); border-color: rgba(14, 165, 233, 0.28); }

@media (max-width: 760px){
.jn-quick-drawer-trigger { right: 12px; top: 12px; width: 42px; height: 42px; border-radius: 16px; }
.jn-quick-drawer-trigger::before { border-radius: 12px; }
.jn-quick-drawer { width: min(382px, -8px + 100vw); }
.jn-quick-card { min-height: 68px; padding: 8px; grid-template-columns: 30px minmax(0px, 1fr); }
.jn-quick-card i { width: 29px; height: 29px; border-radius: 10px; }
.jn-quick-card small { font-size: 9.5px; }
}

.jn-quick-drawer { top: 78px; bottom: 16px; height: auto; max-height: calc(-94px + 100dvh); border-top-left-radius: 22px; border-bottom-left-radius: 22px; border-top: 1px solid rgba(165, 243, 252, 0.16); }

.jn-quick-drawer-inner { height: 100%; }

.jn-quick-drawer-overlay { background: rgba(2, 6, 23, 0.46); }

@media (max-width: 760px){
.jn-quick-drawer { top: 62px; bottom: 10px; max-height: calc(-72px + 100dvh); border-top-left-radius: 18px; border-bottom-left-radius: 18px; }
}

.jn-quick-drawer-overlay { background: transparent; backdrop-filter: none; }

.jn-quick-drawer-head { align-items: center; padding: 14px; }

.jn-quick-balance { grid-column: 2; display: inline-flex; width: max-content; max-width: 100%; align-items: baseline; gap: 6px; border: 1px solid rgba(52, 211, 153, 0.28); border-radius: 999px; background: linear-gradient(135deg, rgba(34, 197, 94, 0.16), rgba(34, 211, 238, 0.1)); color: rgb(209, 250, 229); padding: 5px 9px; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset; }

.jn-quick-balance span { color: rgb(142, 232, 197); font-size: 10px; font-weight: 800; letter-spacing: 0px; text-transform: none; }

.jn-quick-balance b { color: rgb(255, 255, 255); font-size: 14px; font-weight: 950; line-height: 1; }

.jn-quick-balance em { color: rgb(167, 243, 208); font-size: 10px; font-style: normal; font-weight: 800; }

.jn-light-mode .jn-quick-balance { background: linear-gradient(135deg, rgba(16, 185, 129, 0.16), rgba(14, 165, 233, 0.1)); color: rgb(6, 78, 59); }

@media (max-width: 760px){
.jn-quick-drawer-head { padding: 12px; }
.jn-quick-balance { padding: 4px 8px; }
.jn-quick-balance b { font-size: 13px; }
}

.jn-quick-drawer-head { padding: 12px; }

.jn-quick-user-card .jn-quick-balance { margin-left: auto; flex: 0 0 auto; grid-template-columns: auto; justify-items: end; gap: 1px; min-width: 74px; max-width: 112px; grid-column: auto; display: grid; padding: 7px 9px; border-radius: 14px; background: linear-gradient(145deg, rgba(34, 197, 94, 0.2), rgba(34, 211, 238, 0.12)); border: 1px solid rgba(52, 211, 153, 0.3); box-shadow: rgba(255, 255, 255, 0.12) 0px 1px 0px inset, rgba(34, 197, 94, 0.07) 0px 8px 22px; }

.jn-quick-user-card .jn-quick-balance span { font-size: 10px; line-height: 1; color: rgb(167, 243, 208); }

.jn-quick-user-card .jn-quick-balance b { max-width: 92px; overflow: hidden; text-overflow: ellipsis; font-size: 15px; line-height: 1.05; color: rgb(255, 255, 255); }

.jn-quick-user-card .jn-quick-balance em { font-size: 9.5px; line-height: 1; color: rgb(134, 239, 172); }

@media (max-width: 760px){
.jn-quick-user-card .jn-quick-balance { min-width: 68px; max-width: 96px; padding: 6px 8px; }
.jn-quick-user-card .jn-quick-balance b { font-size: 13px; max-width: 78px; }
}

.jn-quick-drawer-head { padding: 12px; gap: 9px; }

.jn-quick-profile-card { min-width: 0px; flex: 1 1 0%; display: flex; align-items: center; gap: 10px; padding: 10px; border: 1px solid rgba(125, 211, 252, 0.2); border-radius: 18px; background: radial-gradient(circle at 0px 0px, rgba(34, 211, 238, 0.13), transparent 44%), linear-gradient(145deg, rgba(15, 23, 42, 0.5), rgba(255, 255, 255, 0.043)); box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset, rgba(2, 6, 23, 0.16) 0px 12px 30px; }

.jn-quick-profile { min-width: 0px; flex: 1 1 0%; display: flex; align-items: center; gap: 9px; padding: 0px; border: 0px; background: transparent; color: inherit; text-align: left; font: inherit; cursor: pointer; }

.jn-quick-profile-avatar { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 15px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(165, 243, 252, 0.36); background: linear-gradient(145deg, rgba(34, 211, 238, 0.2), rgba(34, 197, 94, 0.12)); color: rgb(224, 250, 255); font-size: 16px; font-weight: 950; box-shadow: rgba(34, 211, 238, 0.1) 0px 0px 0px 1px, rgba(34, 211, 238, 0.09) 0px 10px 24px; }

.jn-quick-profile-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }

.jn-quick-profile-text { min-width: 0px; display: grid; gap: 3px; }

.jn-quick-profile-text strong { display: block; max-width: 145px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgb(255, 255, 255); font-size: 14px; font-weight: 950; line-height: 1.15; }

.jn-quick-profile-text small { display: block; color: rgb(148, 163, 184); font-size: 10.5px; font-weight: 800; line-height: 1.1; }

.jn-quick-profile-card .jn-quick-balance { flex: 0 0 auto; margin-left: auto; justify-items: end; gap: 3px; min-width: 78px; max-width: 112px; display: grid; padding: 8px 10px; border-radius: 15px; border: 1px solid rgba(52, 211, 153, 0.32); background: linear-gradient(145deg, rgba(34, 197, 94, 0.22), rgba(34, 211, 238, 0.12)); box-shadow: rgba(255, 255, 255, 0.13) 0px 1px 0px inset, rgba(34, 197, 94, 0.08) 0px 8px 22px; }

.jn-quick-profile-card .jn-quick-balance span { font-size: 10px; font-weight: 900; line-height: 1; color: rgb(167, 243, 208); letter-spacing: 0px; text-transform: none; }

.jn-quick-profile-card .jn-quick-balance b { display: block; max-width: 92px; overflow: hidden; text-overflow: ellipsis; color: rgb(255, 255, 255); font-size: 16px; font-weight: 950; line-height: 1; }

.jn-quick-profile-card .jn-quick-balance em { display: none; }

.jn-light-mode .jn-quick-profile-card { background: radial-gradient(circle at 0px 0px, rgba(14, 165, 233, 0.12), transparent 44%), linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(224, 242, 254, 0.56)); border-color: rgba(14, 165, 233, 0.2); }

.jn-light-mode .jn-quick-profile-text strong { color: rgb(15, 23, 42); }

.jn-light-mode .jn-quick-profile-text small { color: rgb(100, 116, 139); }

.jn-light-mode .jn-quick-profile-avatar { color: rgb(3, 105, 161); }

@media (max-width: 760px){
.jn-quick-profile-card { padding: 8px; border-radius: 16px; gap: 8px; }
.jn-quick-profile { gap: 8px; }
.jn-quick-profile-avatar { width: 38px; height: 38px; flex-basis: 38px; border-radius: 13px; }
.jn-quick-profile-text strong { font-size: 13px; max-width: 112px; }
.jn-quick-profile-card .jn-quick-balance { min-width: 68px; max-width: 88px; padding: 7px 8px; }
.jn-quick-profile-card .jn-quick-balance b { font-size: 14px; max-width: 72px; }
}

.jn-quick-profile-card { padding: 4px 2px; border: 0px; background: transparent; box-shadow: none; gap: 12px; }

.jn-quick-profile { gap: 9px; }

.jn-quick-profile-avatar { width: 40px; height: 40px; flex-basis: 40px; border-radius: 14px; }

.jn-quick-profile-text strong { font-size: 14.5px; max-width: 160px; }

.jn-quick-profile-text small { font-size: 10.5px; color: rgb(125, 211, 252); }

.jn-quick-profile-card .jn-quick-balance { min-width: auto; max-width: none; padding: 0px; border: 0px; border-radius: 0px; background: transparent; box-shadow: none; display: flex; place-items: baseline normal; gap: 5px; }

.jn-quick-profile-card .jn-quick-balance span { font-size: 10.5px; color: rgb(134, 239, 172); }

.jn-quick-profile-card .jn-quick-balance b { text-shadow: rgba(34, 197, 94, 0.18) 0px 0px 14px; font-size: 16px; max-width: 86px; color: rgb(255, 255, 255); }

.jn-light-mode .jn-quick-profile-text small { color: rgb(2, 132, 199); }

.jn-light-mode .jn-quick-profile-card .jn-quick-balance span { color: rgb(5, 150, 105); }

.jn-light-mode .jn-quick-profile-card .jn-quick-balance b { color: rgb(6, 78, 59); text-shadow: none; }

@media (max-width: 760px){
.jn-quick-profile-card { gap: 9px; }
.jn-quick-profile-avatar { width: 36px; height: 36px; flex-basis: 36px; }
.jn-quick-profile-text strong { font-size: 13px; max-width: 118px; }
.jn-quick-profile-text small { font-size: 10px; }
.jn-quick-profile-card .jn-quick-balance b { font-size: 14px; max-width: 68px; }
.jn-quick-profile-card .jn-quick-balance span { font-size: 10px; }
}

.jn-quick-profile, .jn-quick-profile:hover, .jn-quick-profile:focus, .jn-quick-profile-text, .jn-quick-profile-text strong, .jn-quick-profile-text small { background: transparent; border: 0px; box-shadow: none; border-radius: 0px; outline: 0px; padding: 0px; }

.jn-quick-profile-text { display: grid; gap: 3px; }

.jn-quick-profile-text strong, .jn-quick-profile-text small { display: block; width: auto; height: auto; min-width: 0px; max-width: 160px; }

.jn-quick-profile-text small { color: rgb(125, 211, 252); font-weight: 700; }

.jn-quick-profile:hover .jn-quick-profile-text strong { color: rgb(255, 255, 255); }

.jn-light-mode .jn-quick-profile:hover .jn-quick-profile-text strong { color: rgb(15, 23, 42); }

@media (max-width: 760px){
.jn-quick-profile-text strong, .jn-quick-profile-text small { max-width: 118px; }
}

.jn-quick-profile-card { align-items: center; }

.jn-quick-profile-card .jn-quick-balance { margin-left: auto; position: relative; min-width: 82px; padding-left: 13px; display: grid; gap: 2px; justify-items: end; text-align: right; }

.jn-quick-profile-card .jn-quick-balance::before { content: ""; position: absolute; left: 0px; top: 6px; bottom: 6px; width: 1px; background: linear-gradient(transparent, rgba(148, 163, 184, 0.32), transparent); }

.jn-quick-profile-card .jn-quick-balance span { font-size: 10px; line-height: 1; color: rgb(148, 163, 184); font-weight: 800; }

.jn-quick-profile-card .jn-quick-balance b { font-variant-numeric: tabular-nums; font-size: 18px; line-height: 1.05; font-weight: 950; color: rgb(209, 250, 229); letter-spacing: 0px; text-shadow: none; }

.jn-light-mode .jn-quick-profile-card .jn-quick-balance::before { background: linear-gradient(transparent, rgba(100, 116, 139, 0.28), transparent); }

.jn-light-mode .jn-quick-profile-card .jn-quick-balance span { color: rgb(100, 116, 139); }

.jn-light-mode .jn-quick-profile-card .jn-quick-balance b { color: rgb(4, 120, 87); }

@media (max-width: 760px){
.jn-quick-profile-card .jn-quick-balance { min-width: 70px; padding-left: 10px; }
.jn-quick-profile-card .jn-quick-balance b { font-size: 15px; }
}

body[class^="page-"]:not(.page-admin):not(.front-creative-page) .btn:not(.primary):not(.danger), body[class^="page-"]:not(.page-admin):not(.front-creative-page) button:not(.jn-quick-drawer-trigger):not(.jn-quick-drawer-head button):not(.jn-quick-profile):not(.jn-quick-card):not([data-quick-drawer-close]):not([data-open-profile-dialog]):not([data-clear-chat]), .page-user .btn-normal, .page-app:not(.front-creative-page) .btn-normal { background: rgb(45, 45, 45); border-color: rgb(58, 58, 58); color: rgb(242, 242, 242); box-shadow: none; }

.sidebar-overlay, .redeem-dialog, .record-dialog, .generation-overlay, .admin-modal, .ai-draw-dialog, .ai-draw-preview-modal, .jn-quick-drawer-overlay, .media-detail-overlay, .record-detail-overlay, [class*="modal-overlay"], [class*="dialog-overlay"], [class*="popup-overlay"] { background: transparent; backdrop-filter: none; }

.sidebar-overlay, .jn-auth-overlay, .jn-quick-drawer-overlay, .redeem-dialog, .record-dialog, .generation-overlay, .media-detail-overlay, .record-detail-overlay, .ai-draw-dialog, .ai-draw-preview-modal, .admin-modal, [class*="modal-overlay"], [class*="dialog-overlay"], [class*="popup-overlay"] { background: transparent; backdrop-filter: none; }

.jn-auth-modal, .jn-quick-drawer, .redeem-panel, .record-dialog-panel, .error-dialog-panel, .record-detail-modal, .media-detail-modal, .jn-resource-modal, .ai-draw-dialog-panel, .ai-draw-input-dialog .ai-draw-dialog-panel, .admin-modal-panel, [class*="modal-panel"], [class*="dialog-panel"], [class*="popup-panel"] { color: var(--jn-popup-text); background: linear-gradient(180deg,var(--jn-popup-surface-strong),var(--jn-popup-surface)); border: 1px solid var(--jn-popup-line); box-shadow: rgba(0, 0, 0, 0.38) 0px 26px 90px, rgba(255, 255, 255, 0.1) 0px 1px 0px inset; backdrop-filter: blur(22px) saturate(1.18); border-radius: 18px; }

.jn-auth-modal *, .jn-quick-drawer *, .redeem-panel *, .record-dialog-panel *, .error-dialog-panel *, .record-detail-modal *, .media-detail-modal *, .jn-resource-modal *, .ai-draw-dialog-panel *, .admin-modal-panel * { border-color: rgba(255, 255, 255, 0.14); }

.jn-auth-modal h1, .jn-auth-modal h2, .jn-auth-modal h3, .jn-auth-modal strong, .jn-quick-drawer h1, .jn-quick-drawer h2, .jn-quick-drawer h3, .redeem-panel h1, .redeem-panel h2, .redeem-panel h3, .record-dialog-panel h1, .record-dialog-panel h2, .record-dialog-panel h3, .error-dialog-panel h1, .error-dialog-panel h2, .error-dialog-panel h3, .ai-draw-dialog-panel h1, .ai-draw-dialog-panel h2, .ai-draw-dialog-panel h3, .admin-modal-panel h1, .admin-modal-panel h2, .admin-modal-panel h3 { color: rgb(255, 255, 255); }

.jn-auth-modal p, .jn-auth-modal span, .jn-auth-modal label, .jn-quick-drawer p, .jn-quick-drawer span, .redeem-panel p, .redeem-panel span, .redeem-panel label, .record-dialog-panel p, .record-dialog-panel span, .error-dialog-panel p, .error-dialog-panel span, .ai-draw-dialog-panel p, .ai-draw-dialog-panel span, .admin-modal-panel p, .admin-modal-panel span, .admin-modal-panel label { color: var(--jn-popup-muted); }

.jn-auth-modal a, .jn-quick-drawer a, .redeem-panel a, .record-dialog-panel a, .error-dialog-panel a, .ai-draw-dialog-panel a, .admin-modal-panel a { color: rgb(143, 194, 255); }

.jn-auth-head, .jn-auth-body, .jn-auth-foot, .jn-quick-drawer-head, .redeem-head, .redeem-form, .record-dialog-head, .record-dialog-body, .record-dialog-foot, .error-dialog-head, .error-dialog-body, .error-dialog-foot, .ai-draw-dialog-head, .ai-draw-dialog-body, .ai-draw-dialog-foot, .admin-modal-head, .admin-modal-body, .admin-modal-foot { background: transparent; border-color: rgba(255, 255, 255, 0.14); }

.jn-auth-close, .jn-auth-modal button[type="button"], .jn-quick-drawer button, .record-dialog-close, .ai-draw-preview-close, .ai-draw-dialog-head button, .admin-modal-close, .dialog-close, [class*="modal-close"], [class*="dialog-close"] { color: rgb(245, 245, 245); background: rgba(18, 18, 18, 0.46); border: 1px solid rgba(255, 255, 255, 0.18); box-shadow: rgba(255, 255, 255, 0.06) 0px 1px 0px inset; backdrop-filter: blur(12px); }

.jn-auth-close:hover, .jn-quick-drawer button:hover, .record-dialog-close:hover, .ai-draw-preview-close:hover, .ai-draw-dialog-head button:hover, .admin-modal-close:hover, .dialog-close:hover, [class*="modal-close"]:hover, [class*="dialog-close"]:hover { background: rgba(37, 132, 255, 0.72); border-color: rgba(143, 194, 255, 0.8); color: rgb(255, 255, 255); }

@media (max-width: 820px){
.jn-auth-modal, .jn-quick-drawer, .redeem-panel, .record-dialog-panel, .error-dialog-panel, .record-detail-modal, .media-detail-modal, .jn-resource-modal, .ai-draw-dialog-panel, .admin-modal-panel, [class*="modal-panel"], [class*="dialog-panel"], [class*="popup-panel"] { border-radius: 16px; }
}

@media (max-width: 1024px){
body.page-app .jn-quick-drawer-trigger, .jn-quick-drawer-trigger { display: grid; visibility: visible; pointer-events: auto; }
}

.jn-quick-drawer { width: min(360px, -28px + 100vw); top: 78px; right: 14px; bottom: 16px; height: auto; max-height: calc(-94px + 100dvh); border: 1px solid rgb(45, 45, 45); border-radius: 22px; background: rgb(17, 17, 17); box-shadow: rgba(0, 0, 0, 0.56) 0px 24px 80px; backdrop-filter: none; overflow: hidden; }

.jn-quick-drawer-inner { background: rgb(17, 17, 17); }

.jn-quick-drawer-head { padding: 18px; border-bottom: 1px solid rgb(36, 36, 36); background: rgb(17, 17, 17); }

.jn-quick-drawer-head span { color: rgb(37, 132, 255); }

.jn-quick-drawer-head h2 { color: rgb(247, 247, 247); font-size: 19px; }

.jn-quick-drawer-head p { color: rgb(148, 148, 148); }

.jn-quick-drawer-head button { width: 34px; height: 34px; border-radius: 12px; border-color: rgb(45, 45, 45); background: rgb(26, 26, 26); color: rgb(242, 242, 242); font-size: 22px; }

.jn-quick-drawer-nav { padding: 14px; background: rgb(17, 17, 17); }

.jn-quick-drawer-nav section { gap: 9px; margin-bottom: 18px; }

.jn-quick-drawer-nav h3 { color: rgb(116, 116, 116); }

.jn-quick-card { grid-template-columns: 40px minmax(0px, 1fr); gap: 10px; border: 1px solid rgb(45, 45, 45); border-radius: 15px; background: rgb(26, 26, 26); color: rgb(242, 242, 242); box-shadow: none; backdrop-filter: none; padding: 10px; }

.jn-quick-card:hover { background: rgb(32, 32, 32); border-color: rgb(58, 58, 58); transform: none; box-shadow: none; }

.jn-quick-card i { width: 38px; height: 38px; border-radius: 12px; border-color: rgb(45, 45, 45); background: rgb(36, 36, 36); color: rgb(37, 132, 255); }

.jn-quick-card b { color: rgb(247, 247, 247); font-size: 13px; }

.jn-quick-card small { color: rgb(148, 148, 148); font-size: 11px; }

.jn-quick-drawer-foot { padding: 14px; border-top: 1px solid rgb(36, 36, 36); background: rgb(17, 17, 17); }

.jn-quick-logout { height: 42px; border-radius: 14px; background: rgba(244, 63, 94, 0.12); border-color: rgba(244, 63, 94, 0.28); color: rgb(255, 228, 230); box-shadow: none; }

@media (max-width: 760px){
.jn-quick-drawer-trigger { right: 14px; top: 14px; width: 48px; height: 48px; }
.jn-quick-drawer { width: min(320px, -34px + 100vw); top: 66px; right: 12px; bottom: 12px; max-height: calc(-78px + 100dvh); border-radius: 18px; }
.jn-quick-drawer-head { padding: 14px; gap: 10px; }
.jn-quick-drawer-head h2 { font-size: 17px; }
.jn-quick-drawer-head p { font-size: 11px; }
.jn-quick-drawer-head button { width: 30px; height: 30px; border-radius: 10px; font-size: 20px; }
.jn-quick-drawer-nav { padding: 12px; }
.jn-quick-drawer-nav section { gap: 8px; margin-bottom: 14px; }
.jn-quick-card { grid-template-columns: 36px minmax(0px, 1fr); gap: 9px; padding: 9px; border-radius: 14px; }
.jn-quick-card i { width: 34px; height: 34px; border-radius: 11px; font-size: 13px; }
.jn-quick-card b { font-size: 12px; }
.jn-quick-card small { font-size: 10px; line-height: 1.35; }
.jn-quick-drawer-foot { padding: 12px; }
.jn-quick-logout { height: 38px; border-radius: 13px; font-size: 13px; }
}

.jn-quick-drawer .jn-quick-profile-card { padding: 0px; border: 0px; border-radius: 0px; background: transparent; box-shadow: none; }

.jn-quick-drawer .jn-quick-profile { padding: 0px; border: 0px; background: transparent; box-shadow: none; }

.jn-quick-drawer .jn-quick-profile-avatar { width: 38px; height: 38px; flex-basis: 38px; border-radius: 13px; }

.jn-quick-drawer .jn-quick-profile-text strong { font-size: 14px; max-width: 150px; }

.jn-quick-drawer .jn-quick-profile-text small { font-size: 10px; color: rgb(148, 163, 184); }

.jn-quick-drawer .jn-quick-profile-card .jn-quick-balance { display: none; }

@media (max-width: 760px){
.jn-quick-drawer { width: min(292px, -48px + 100vw); top: 68px; right: 12px; bottom: 18px; max-height: calc(-86px + 100dvh); border-radius: 17px; }
.jn-quick-drawer-head { padding: 11px; gap: 8px; }
.jn-quick-drawer .jn-quick-profile-card { gap: 8px; padding: 0px; }
.jn-quick-drawer .jn-quick-profile { gap: 7px; }
.jn-quick-drawer .jn-quick-profile-avatar { width: 32px; height: 32px; flex-basis: 32px; border-radius: 11px; }
.jn-quick-drawer .jn-quick-profile-text strong { font-size: 12px; max-width: 130px; }
.jn-quick-drawer .jn-quick-profile-text small { font-size: 9.5px; }
.jn-quick-drawer-head button { width: 28px; height: 28px; border-radius: 10px; font-size: 18px; }
.jn-quick-drawer-nav { padding: 10px; }
.jn-quick-drawer-nav section { gap: 7px; margin-bottom: 12px; }
.jn-quick-card { min-height: 58px; padding: 7px; border-radius: 12px; grid-template-columns: 28px minmax(0px, 1fr); gap: 7px; }
.jn-quick-card i { width: 27px; height: 27px; border-radius: 9px; font-size: 11px; }
.jn-quick-card b { font-size: 11px; }
.jn-quick-card small { font-size: 9px; line-height: 1.25; }
.jn-quick-drawer-foot { padding: 10px; }
.jn-quick-logout { height: 34px; border-radius: 12px; font-size: 12px; }
}

@media (max-width: 760px){
.jn-quick-drawer.is-open { transform: translateX(0px); }
}

.jn-light-mode .jn-stat-card, .jn-light-mode .jn-message-item, .jn-light-mode .jn-profile-secure, .jn-light-mode .jn-quick-card { background: rgb(248, 250, 252); border-color: rgba(15, 23, 42, 0.1); }

.jn-quick-drawer.is-open { transform: translateX(0px); }

.jn-quick-drawer:not(.is-open) { transform: translateX(104%); }

html.jn-light-mode .jn-quick-drawer .jn-quick-profile-card, html.jn-light-mode .jn-quick-drawer .jn-quick-profile, body.jn-light-mode .jn-quick-drawer .jn-quick-profile-card, body.jn-light-mode .jn-quick-drawer .jn-quick-profile { background: transparent; border-color: transparent; box-shadow: none; }

html.jn-light-mode .jn-quick-drawer .jn-quick-profile-avatar, body.jn-light-mode .jn-quick-drawer .jn-quick-profile-avatar { background: linear-gradient(135deg, rgb(224, 242, 254), rgb(248, 250, 252)); border-color: transparent; box-shadow: none; }

html.jn-light-mode .jn-quick-drawer .jn-quick-profile-text strong, body.jn-light-mode .jn-quick-drawer .jn-quick-profile-text strong { color: rgb(15, 23, 42); }

html.jn-light-mode .jn-quick-drawer .jn-quick-profile-text small, body.jn-light-mode .jn-quick-drawer .jn-quick-profile-text small { color: rgb(100, 116, 139); background: transparent; border: 0px; padding: 0px; }

html.jn-light-mode .jn-quick-drawer-trigger, body.jn-light-mode .jn-quick-drawer-trigger { opacity: 1; pointer-events: auto; }

html.jn-light-mode body:not(#jnFrontLightTrueFinalA):not(#jnFrontLightTrueFinalB):not(.page-admin) .jn-quick-drawer-overlay, body.jn-light-mode:not(#jnFrontLightTrueFinalA):not(#jnFrontLightTrueFinalB):not(.page-admin) .jn-quick-drawer-overlay { background: none transparent; backdrop-filter: none; }

html.jn-light-mode body:not(#jnFrontLightModalEndA):not(#jnFrontLightModalEndB):not(.page-admin) .jn-quick-drawer-overlay, body.jn-light-mode:not(#jnFrontLightModalEndA):not(#jnFrontLightModalEndB):not(.page-admin) .jn-quick-drawer-overlay { background: none transparent; backdrop-filter: none; }

html.jn-light-mode body:not(.page-admin) .jn-quick-drawer-overlay, body.jn-light-mode:not(.page-admin) .jn-quick-drawer-overlay { background: none transparent; backdrop-filter: none; }

html.jn-light-mode body[class^="page-"]:not(.page-admin) .jn-quick-drawer-overlay, body.jn-light-mode[class^="page-"]:not(.page-admin) .jn-quick-drawer-overlay { background: none transparent; backdrop-filter: none; }

html.jn-light-mode .jn-quick-drawer-trigger, body.jn-light-mode .jn-quick-drawer-trigger { opacity: 1; visibility: visible; pointer-events: auto; }

html.jn-light-mode body:not(#jnFrontLightTailA):not(#jnFrontLightTailB):not(.page-admin) .jn-quick-drawer-overlay, body.jn-light-mode:not(#jnFrontLightTailA):not(#jnFrontLightTailB):not(.page-admin) .jn-quick-drawer-overlay { background: none transparent; backdrop-filter: none; }

html.jn-light-mode body:not(.page-admin) :is(.jn-quick-drawer, .jn-quick-drawer-inner, .jn-quick-drawer-head, .jn-quick-drawer-nav, .jn-quick-drawer-foot, .jn-shop-modal, .jn-buy-panel, .jn-checkin-modal, .jn-message-modal, .jn-profile-modal, .jn-resource-modal, .jn-resource-modal-api, .jn-credit-ledger-modal, .customer-modal, .replica-customer-modal, .account-bind-modal, .record-detail-modal, .record-delete-confirm, .enterprise-alert, .modal, .dialog, .resource-dialog-panel, .share-dialog, .image-preview-panel, .preview-panel, .ai-draw-dialog, .ai-draw-preview-panel, .records-preview-panel, .ai-video-player-panel), body.jn-light-mode:not(.page-admin) :is(.jn-quick-drawer, .jn-quick-drawer-inner, .jn-quick-drawer-head, .jn-quick-drawer-nav, .jn-quick-drawer-foot, .jn-shop-modal, .jn-buy-panel, .jn-checkin-modal, .jn-message-modal, .jn-profile-modal, .jn-resource-modal, .jn-resource-modal-api, .jn-credit-ledger-modal, .customer-modal, .replica-customer-modal, .account-bind-modal, .record-detail-modal, .record-delete-confirm, .enterprise-alert, .modal, .dialog, .resource-dialog-panel, .share-dialog, .image-preview-panel, .preview-panel, .ai-draw-dialog, .ai-draw-preview-panel, .records-preview-panel, .ai-video-player-panel) { background: none rgb(255, 255, 255); color: rgb(15, 23, 42); border-color: rgba(15, 23, 42, 0.12); box-shadow: rgba(15, 23, 42, 0.14) 0px 24px 70px; text-shadow: none; backdrop-filter: none; }

html.jn-light-mode body:not(.page-admin) :is(h1, h2, h3, h4, strong, b, label, dt, dd, .page-hd h1, .jn-quick-card b, .jn-quick-profile-text strong, .jn-shop-price, .jn-shop-balance strong, .jn-buy-row strong, .jn-checkin-stats strong, .jn-checkin-calendar-head strong, .jn-checkin-foot strong, .jn-message-main strong, .jn-resource-row strong, .jn-stat-card strong, .jn-profile-row-value, .service-online-card strong, .jn-credit-title h2, .jn-credit-stat strong, .jn-credit-stat small, .jn-credit-empty-inner strong, .jn-credit-other-row strong, .jn-credit-cell, .jn-credit-model, .jn-credit-input, .jn-credit-output, .jn-api-form-head strong, .jn-api-perms span, .invite-section h3, .invite-stat .num, .invite-commission-copy h3, .invite-commission-card strong, .credit-ledger-title, .credit-ledger-head h2, .credit-ledger-main strong, .credit-detail b, .pay-record-card strong, .pay-record-head h2, .pay-record-title strong, .pay-record-end strong):not([data-workspace-model-navigation] *), body.jn-light-mode:not(.page-admin) :is(h1, h2, h3, h4, strong, b, label, dt, dd, .page-hd h1, .jn-quick-card b, .jn-quick-profile-text strong, .jn-shop-price, .jn-shop-balance strong, .jn-buy-row strong, .jn-checkin-stats strong, .jn-checkin-calendar-head strong, .jn-checkin-foot strong, .jn-message-main strong, .jn-resource-row strong, .jn-stat-card strong, .jn-profile-row-value, .service-online-card strong, .jn-credit-title h2, .jn-credit-stat strong, .jn-credit-stat small, .jn-credit-empty-inner strong, .jn-credit-other-row strong, .jn-credit-cell, .jn-credit-model, .jn-credit-input, .jn-credit-output, .jn-api-form-head strong, .jn-api-perms span, .invite-section h3, .invite-stat .num, .invite-commission-copy h3, .invite-commission-card strong, .credit-ledger-title, .credit-ledger-head h2, .credit-ledger-main strong, .credit-detail b, .pay-record-card strong, .pay-record-head h2, .pay-record-title strong, .pay-record-end strong):not([data-workspace-model-navigation] *) { color: rgb(15, 23, 42); -webkit-text-fill-color: currentcolor; text-shadow: none; }

html.jn-light-mode body:not(.page-admin) :is(p, time, em, li, span, .muted, .page-hd p, .jn-quick-card small, .jn-quick-profile-text small, .jn-quick-drawer-nav h3, .jn-shop-desc, .jn-shop-balance span, .jn-buy-row span, .jn-pay-label, .jn-checkin-stats span, .jn-checkin-progress div, .jn-checkin-calendar-head span, .jn-checkin-weekdays span, .jn-checkin-foot span, .jn-message-main p, .jn-message-main time, .jn-resource-row span, .jn-resource-row small, .jn-profile-row-label, .jn-profile-inline-panel label, .service-modal-head p, .record-detail-modal p, .record-detail-modal dt, .record-detail-modal dd, .jn-credit-title p, .jn-credit-stat span, .jn-credit-muted, .jn-credit-empty-inner p, .jn-credit-other-row span, .jn-credit-notice span, .jn-api-form-head span, .invite-stat .lbl, .invite-commission-copy p, .invite-commission-card span, .invite-rule-list li, .invited-table th, .invited-table td, .credit-ledger-sub, .credit-ledger-head p, .credit-ledger-meta, .credit-filter-form label, .pay-record-card span, .pay-record-card p, .pay-record-head p, .pay-filter-form label, .pay-record-meta):not([data-workspace-model-navigation] *), body.jn-light-mode:not(.page-admin) :is(p, time, em, li, span, .muted, .page-hd p, .jn-quick-card small, .jn-quick-profile-text small, .jn-quick-drawer-nav h3, .jn-shop-desc, .jn-shop-balance span, .jn-buy-row span, .jn-pay-label, .jn-checkin-stats span, .jn-checkin-progress div, .jn-checkin-calendar-head span, .jn-checkin-weekdays span, .jn-checkin-foot span, .jn-message-main p, .jn-message-main time, .jn-resource-row span, .jn-resource-row small, .jn-profile-row-label, .jn-profile-inline-panel label, .service-modal-head p, .record-detail-modal p, .record-detail-modal dt, .record-detail-modal dd, .jn-credit-title p, .jn-credit-stat span, .jn-credit-muted, .jn-credit-empty-inner p, .jn-credit-other-row span, .jn-credit-notice span, .jn-api-form-head span, .invite-stat .lbl, .invite-commission-copy p, .invite-commission-card span, .invite-rule-list li, .invited-table th, .invited-table td, .credit-ledger-sub, .credit-ledger-head p, .credit-ledger-meta, .credit-filter-form label, .pay-record-card span, .pay-record-card p, .pay-record-head p, .pay-filter-form label, .pay-record-meta):not([data-workspace-model-navigation] *) { color: rgb(100, 116, 139); -webkit-text-fill-color: currentcolor; text-shadow: none; }

html.jn-light-mode body:not(.page-admin) :is(.jn-quick-profile-card, .jn-quick-profile), body.jn-light-mode:not(.page-admin) :is(.jn-quick-profile-card, .jn-quick-profile) { background: transparent; border-color: transparent; box-shadow: none; }

html.jn-light-mode body:not(.page-admin) .jn-quick-profile-card .jn-quick-balance, body.jn-light-mode:not(.page-admin) .jn-quick-profile-card .jn-quick-balance { display: none; }

html.jn-light-mode body:not(.page-admin) .jn-quick-profile-avatar, body.jn-light-mode:not(.page-admin) .jn-quick-profile-avatar { background: linear-gradient(135deg, rgb(224, 242, 254), rgb(248, 250, 252)); border-color: transparent; color: rgb(3, 105, 161); box-shadow: none; }

.jn-quick-drawer.jn-quick-drawer { top: 72px; right: 14px; bottom: 16px; width: min(384px, -24px + 100vw); height: auto; max-height: calc(-88px + 100dvh); border-radius: 20px; background: rgba(9, 14, 24, 0.86); box-shadow: rgba(2, 6, 23, 0.42) 0px 24px 70px, rgba(125, 211, 252, 0.06) 0px 0px 0px 1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; backdrop-filter: blur(22px) saturate(1.15); overflow: hidden; transition: transform 0.3s cubic-bezier(0.2, 0.86, 0.2, 1), opacity 0.22s; }

@media (max-width: 760px){
.jn-quick-drawer-trigger.jn-quick-drawer-trigger { right: 12px; top: 12px; width: 40px; height: 40px; border-radius: 15px; }
.jn-quick-drawer.jn-quick-drawer { top: 62px; right: 10px; bottom: 10px; width: min(360px, -20px + 100vw); max-height: calc(-72px + 100dvh); border-radius: 18px; }
.jn-quick-drawer .jn-quick-profile-card .jn-quick-balance { display: none; }
.jn-quick-drawer .jn-quick-card { min-height: 58px; grid-template-columns: 31px minmax(0px, 1fr); column-gap: 8px; padding: 8px; border-radius: 14px; }
.jn-quick-drawer .jn-quick-card i { width: 31px; height: 31px; border-radius: 12px; }
.jn-quick-drawer .jn-quick-card b { font-size: 11.8px; }
.jn-quick-drawer .jn-quick-card small { font-size: 9.4px; line-height: 1.22; }
}

body.jn-quick-drawer-open .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body.has-dialog.jn-quick-drawer-open .jn-quick-drawer-trigger.jn-quick-drawer-trigger { display: block; visibility: visible; opacity: 1; pointer-events: auto; }

.jn-quick-drawer .jn-quick-drawer-head > button:not(.jn-quick-profile), .jn-quick-drawer .jn-quick-drawer-head > [data-quick-drawer-close] { display: none; visibility: hidden; pointer-events: none; }

.jn-quick-drawer .jn-quick-profile-card { margin-right: 0px; max-width: 100%; }

.jn-quick-drawer-trigger.jn-quick-drawer-trigger { isolation: isolate; transform-origin: center center; }

.jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"] { transform: translateY(-2px) rotate(45deg) scale(1.06); border-radius: 999px; border-color: rgba(45, 212, 191, 0.72); background: radial-gradient(circle at 34% 34%, rgb(34, 211, 238) 0px, rgb(34, 211, 238) 11%, transparent 12%), radial-gradient(circle at 66% 34%, rgb(139, 92, 246) 0px, rgb(139, 92, 246) 11%, transparent 12%), radial-gradient(circle at 34% 66%, rgb(52, 211, 153) 0px, rgb(52, 211, 153) 11%, transparent 12%), radial-gradient(circle at 66% 66%, rgb(245, 158, 11) 0px, rgb(245, 158, 11) 11%, transparent 12%), linear-gradient(145deg, rgba(8, 47, 73, 0.96), rgba(30, 41, 59, 0.92)); box-shadow: rgba(2, 6, 23, 0.4) 0px 18px 42px, rgba(45, 212, 191, 0.1) 0px 0px 0px 9px, rgba(45, 212, 191, 0.32) 0px 0px 34px, rgba(255, 255, 255, 0.2) 0px 1px 0px inset; }

.jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"]::before { inset: 6px; border-radius: 999px; background: conic-gradient(from 90deg, rgba(34, 211, 238, 0.36), rgba(139, 92, 246, 0.3), rgba(34, 197, 94, 0.34), rgba(34, 211, 238, 0.36)); opacity: 0.72; filter: blur(0.2px); }

.jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"]::after { transform: rotate(-45deg); }

.jn-quick-drawer .jn-quick-card[data-quick-action="checkin"] { border-color: rgba(245, 158, 11, 0.34); box-shadow: rgba(245, 158, 11, 0.1) 0px 0px 0px 1px, rgba(245, 158, 11, 0.08) 0px 16px 32px, rgba(255, 255, 255, 0.1) 0px 1px 0px inset; }

.jn-quick-drawer .jn-quick-card i { position: relative; }

.jn-quick-drawer .jn-quick-card[data-quick-action="checkin"] i::after, .jn-quick-drawer .jn-quick-card[data-quick-action="messages"] i::after { content: ""; position: absolute; right: -3px; top: -3px; width: 9px; height: 9px; border-radius: 999px; background: rgb(251, 63, 85); border: 2px solid rgba(9, 14, 24, 0.96); box-shadow: rgba(251, 63, 85, 0.78) 0px 0px 13px; }

.jn-quick-drawer .jn-quick-card[data-quick-action="messages"] b, .jn-quick-drawer .jn-quick-card[data-quick-action="checkin"] b { position: relative; padding-right: 18px; }

.jn-quick-drawer .jn-quick-card[data-quick-action="messages"] b::after { content: "4"; position: absolute; right: 0px; top: 50%; min-width: 15px; height: 15px; padding: 0px 4px; display: inline-grid; place-items: center; border-radius: 999px; background: rgb(251, 63, 85); color: rgb(255, 255, 255); font-size: 9px; font-weight: 900; line-height: 1; transform: translateY(-50%); box-shadow: rgba(251, 63, 85, 0.58) 0px 0px 12px; }

html.jn-light-mode .jn-quick-drawer .jn-quick-card[data-quick-action="checkin"] i::after, html.jn-light-mode .jn-quick-drawer .jn-quick-card[data-quick-action="messages"] i::after, body.jn-light-mode .jn-quick-drawer .jn-quick-card[data-quick-action="checkin"] i::after, body.jn-light-mode .jn-quick-drawer .jn-quick-card[data-quick-action="messages"] i::after { border-color: rgb(255, 255, 255); }

html.jn-light-mode .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"], body.jn-light-mode .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"] { border-color: rgba(14, 165, 233, 0.42); background: radial-gradient(circle at 34% 34%, rgb(6, 182, 212) 0px, rgb(6, 182, 212) 11%, transparent 12%), radial-gradient(circle at 66% 34%, rgb(139, 92, 246) 0px, rgb(139, 92, 246) 11%, transparent 12%), radial-gradient(circle at 34% 66%, rgb(34, 197, 94) 0px, rgb(34, 197, 94) 11%, transparent 12%), radial-gradient(circle at 66% 66%, rgb(245, 158, 11) 0px, rgb(245, 158, 11) 11%, transparent 12%), linear-gradient(145deg, rgb(255, 255, 255), rgb(223, 247, 255)); box-shadow: rgba(15, 23, 42, 0.16) 0px 18px 42px, rgba(14, 165, 233, 0.1) 0px 0px 0px 9px, rgba(14, 165, 233, 0.24) 0px 0px 30px, rgb(255, 255, 255) 0px 1px 0px inset; }

.jn-quick-card[data-quick-action="system-notices"] { --jn-q1: #22d3ee; --jn-q2: #7c3aed; }

.jn-quick-drawer-trigger.jn-quick-drawer-trigger::after { display: none; opacity: 0; }

.jn-quick-drawer-trigger.jn-quick-drawer-trigger.has-reminder::after { content: none; display: none; opacity: 0; }

.jn-quick-drawer .jn-quick-card[data-quick-action] i::after { content: ""; position: absolute; right: -3px; top: -3px; width: 9px; height: 9px; display: none; border-radius: 999px; background: rgb(251, 63, 85); border: 2px solid rgba(9, 14, 24, 0.96); box-shadow: rgba(251, 63, 85, 0.78) 0px 0px 13px; }

.jn-quick-drawer .jn-quick-card.has-reminder i::after { display: block; }

.jn-quick-drawer .jn-quick-card[data-quick-action="messages"] b::after { content: none; display: none; }

.jn-quick-drawer .jn-quick-card[data-quick-action="messages"] b, .jn-quick-drawer .jn-quick-card[data-quick-action="checkin"] b { padding-right: 0px; }

.jn-quick-drawer .jn-quick-card.has-reminder b { padding-right: 18px; }

.jn-quick-drawer .jn-quick-badge { position: absolute; z-index: 3; right: 7px; top: 7px; min-width: 17px; height: 17px; padding: 0px 5px; display: inline-grid; place-items: center; border-radius: 999px; background: rgb(251, 63, 85); color: rgb(255, 255, 255); font-size: 9.5px; font-weight: 900; line-height: 1; box-shadow: rgba(251, 63, 85, 0.62) 0px 0px 13px; pointer-events: none; }

.jn-quick-drawer .jn-quick-badge.is-dot { display: none; }

html.jn-light-mode .jn-quick-drawer .jn-quick-card.has-reminder i::after, body.jn-light-mode .jn-quick-drawer .jn-quick-card.has-reminder i::after, html[data-theme="light"] .jn-quick-drawer .jn-quick-card.has-reminder i::after, body[data-theme="light"] .jn-quick-drawer .jn-quick-card.has-reminder i::after { border-color: rgb(255, 255, 255); }

html.jn-huawei-browser body:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer.jn-quick-drawer, body.jn-huawei-browser:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer.jn-quick-drawer { background: rgba(8, 13, 26, 0.98); border-color: rgba(125, 211, 252, 0.18); box-shadow: rgba(0, 0, 0, 0.46) 0px 22px 58px, rgba(255, 255, 255, 0.06) 0px 1px 0px inset; backdrop-filter: none; }

html.jn-huawei-browser body:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-drawer-inner, body.jn-huawei-browser:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-drawer-inner { background: linear-gradient(rgba(15, 23, 42, 0.98), rgba(4, 9, 20, 0.98)); backdrop-filter: none; }

html.jn-huawei-browser body:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-card, body.jn-huawei-browser:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-card { background: linear-gradient(145deg, rgba(17, 29, 52, 0.9), rgba(7, 12, 26, 0.96)); border-color: rgba(125, 211, 252, 0.16); box-shadow: rgba(255, 255, 255, 0.055) 0px 1px 0px inset, rgba(0, 0, 0, 0.22) 0px 8px 20px; text-shadow: none; backdrop-filter: none; }

html.jn-huawei-browser body:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-card::before, body.jn-huawei-browser:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-card::before { background: radial-gradient(circle at 0 0,var(--jn-q1),transparent 62%); opacity: 0.1; }

html.jn-huawei-browser body:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-card::after, body.jn-huawei-browser:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-card::after { display: none; opacity: 0; }

html.jn-huawei-browser body:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-card:hover, html.jn-huawei-browser body:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-card:focus-visible, body.jn-huawei-browser:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-card:hover, body.jn-huawei-browser:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-card:focus-visible { background: linear-gradient(145deg, rgba(22, 37, 66, 0.94), rgba(9, 16, 32, 0.98)); box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px inset, rgba(0, 0, 0, 0.24) 0px 10px 24px; }

html.jn-huawei-browser body:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-card i, body.jn-huawei-browser:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-card i { background: linear-gradient(145deg,var(--jn-q1),var(--jn-q2)); border-color: rgba(255, 255, 255, 0.18); box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 0px inset, rgba(0, 0, 0, 0.24) 0px 6px 14px; filter: none; }

html.jn-huawei-browser body:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"]::before, body.jn-huawei-browser:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"]::before { filter: none; opacity: 0.46; }

html.jn-huawei-browser.jn-light-mode body:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer.jn-quick-drawer, html.jn-huawei-browser body.jn-light-mode:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer.jn-quick-drawer, body.jn-huawei-browser.jn-light-mode:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer.jn-quick-drawer { background: rgb(255, 255, 255); border-color: rgba(15, 23, 42, 0.1); box-shadow: rgba(15, 23, 42, 0.16) 0px 18px 46px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset; }

html.jn-huawei-browser.jn-light-mode body:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-drawer-inner, html.jn-huawei-browser body.jn-light-mode:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-drawer-inner, body.jn-huawei-browser.jn-light-mode:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-drawer-inner { background: linear-gradient(rgb(255, 255, 255), rgb(244, 248, 255)); }

html.jn-huawei-browser.jn-light-mode body:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-card, html.jn-huawei-browser body.jn-light-mode:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-card, body.jn-huawei-browser.jn-light-mode:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-card { background: linear-gradient(145deg, rgb(255, 255, 255), rgb(243, 247, 252)); border-color: rgba(15, 23, 42, 0.1); box-shadow: rgba(255, 255, 255, 0.96) 0px 1px 0px inset, rgba(15, 23, 42, 0.07) 0px 7px 18px; }

html.jn-huawei-browser.jn-light-mode body:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-card::before, html.jn-huawei-browser body.jn-light-mode:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-card::before, body.jn-huawei-browser.jn-light-mode:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer .jn-quick-card::before { opacity: 0.07; }

html.jn-huawei-browser.jn-light-mode body:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer :is(.jn-quick-card b, .jn-quick-profile-text strong), html.jn-huawei-browser body.jn-light-mode:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer :is(.jn-quick-card b, .jn-quick-profile-text strong), body.jn-huawei-browser.jn-light-mode:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer :is(.jn-quick-card b, .jn-quick-profile-text strong) { color: rgb(15, 23, 42); -webkit-text-fill-color: rgb(15, 23, 42); }

html.jn-huawei-browser.jn-light-mode body:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer :is(.jn-quick-card small, .jn-quick-profile-text small, .jn-quick-drawer-nav h3), html.jn-huawei-browser body.jn-light-mode:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer :is(.jn-quick-card small, .jn-quick-profile-text small, .jn-quick-drawer-nav h3), body.jn-huawei-browser.jn-light-mode:not(#jnHuaweiQuickA):not(#jnHuaweiQuickB):not(.page-admin) .jn-quick-drawer :is(.jn-quick-card small, .jn-quick-profile-text small, .jn-quick-drawer-nav h3) { color: rgb(100, 116, 139); -webkit-text-fill-color: rgb(100, 116, 139); }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger { width: 51px; height: 51px; min-width: 51px; min-height: 51px; padding: 0px; display: grid; place-items: center; overflow: visible; isolation: isolate; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.12); background-image: var(--jn-quick-replica-icon),radial-gradient(120% 120% at 30% 25%,rgba(255,255,255,.09),rgba(255,255,255,0) 65%),linear-gradient(155deg,rgba(30,32,40,.90),rgba(20,22,28,.92)); background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 28px 28px, auto, auto; color: transparent; font-size: 0px; line-height: 0; box-shadow: rgba(0, 0, 0, 0.34) 0px 8px 24px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; transform: translateZ(0px); transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.24s, box-shadow 0.24s, background 0.24s; }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger::before, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger::before { content: ""; position: absolute; inset: -5px; z-index: -1; display: block; border: 0px; border-radius: 50%; background: conic-gradient(rgba(0, 202, 224, 0.55), rgba(168, 85, 247, 0.55), rgba(245, 158, 11, 0.55), rgba(16, 185, 129, 0.55), rgba(0, 202, 224, 0.55)); opacity: 0.66; filter: none; transform: rotate(0deg); transform-origin: 50% 50%; pointer-events: none; animation: 7.2s linear 0s infinite normal none running jnQuickReplicaHaloSpin; }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger svg, html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger span, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger svg, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger span { display: none; }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger::after, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger::after { content: ""; position: absolute; right: 2px; top: 2px; width: 10px; height: 10px; display: none; border-radius: 50%; border: 0px; background: rgb(239, 68, 68); box-shadow: rgba(20, 22, 28, 0.96) 0px 0px 0px 3px, rgba(239, 68, 68, 0.72) 0px 0px 10px; opacity: 0; pointer-events: none; animation: 1.55s ease-in-out 0s infinite normal none running jnQuickReplicaDotPulse; }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger.has-reminder::after, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger.has-reminder::after { content: none; display: none; opacity: 0; }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:hover, html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:focus-visible, html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"], body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:hover, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:focus-visible, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"] { transform: translateY(-2px) scale(1.055) rotate(8deg); border-color: rgba(255, 255, 255, 0.2); box-shadow: rgba(0, 0, 0, 0.38) 0px 12px 30px, rgba(0, 202, 224, 0.16) 0px 0px 24px, rgba(255, 255, 255, 0.12) 0px 1px 0px inset; }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:hover::before, html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:focus-visible::before, html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"]::before, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:hover::before, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:focus-visible::before, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"]::before { opacity: 0.88; animation-duration: 3.8s; }

html.jn-light-mode body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body.jn-light-mode:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body[data-theme="light"]:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger { border-color: rgba(15, 23, 42, 0.12); background-image: var(--jn-quick-replica-icon),radial-gradient(120% 120% at 30% 22%,rgba(255,255,255,.95),rgba(255,255,255,0) 65%),linear-gradient(155deg,rgba(255,255,255,.96),rgba(234,244,255,.92)); box-shadow: rgba(15, 23, 42, 0.14) 0px 10px 26px, rgba(255, 255, 255, 0.96) 0px 1px 0px inset; }

html.jn-light-mode body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger::after, body.jn-light-mode:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger::after, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger::after, body[data-theme="light"]:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger::after { box-shadow: rgba(255, 255, 255, 0.98) 0px 0px 0px 3px, rgba(239, 68, 68, 0.64) 0px 0px 10px; }

.jn-quick-drawer .jn-quick-card { border-radius: 12px; transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.22s, box-shadow 0.22s, background 0.22s; }

.jn-quick-drawer .jn-quick-card::after { content: ""; position: absolute; left: 14px; right: 14px; top: 0px; height: 2px; border-radius: 999px; background: linear-gradient(90deg,transparent,rgba(255,255,255,.18),var(--jn-q1,#38bdf8),transparent); opacity: 0; pointer-events: none; }

.jn-quick-drawer .jn-quick-card:hover::after, .jn-quick-drawer .jn-quick-card:focus-visible::after { opacity: 0.88; }

.jn-quick-drawer .jn-quick-card i { position: relative; overflow: visible; }

.jn-quick-drawer .jn-quick-card:hover i, .jn-quick-drawer .jn-quick-card:focus-visible i { filter: drop-shadow(rgba(56, 189, 248, 0.2) 0px 0px 12px); }

html.jn-huawei-browser body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger::before, body.jn-huawei-browser:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger::before { opacity: 0.54; filter: none; }

@media (max-width: 760px){
html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger { width: 46px; height: 46px; min-width: 46px; min-height: 46px; right: 12px; top: 12px; background-size: 25px 25px, auto, auto; }
html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger::before, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger::before { inset: -4px; }
}

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, html.jn-light-mode body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body.jn-light-mode:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body[data-theme="light"]:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger { width: 51px; height: 51px; min-width: 51px; min-height: 51px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.12); background-color: transparent; box-shadow: rgba(0, 0, 0, 0.35) 0px 8px 24px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.3s, box-shadow 0.3s; }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger::before, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger::before { inset: -10px; opacity: 0.55; }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:hover, html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:focus-visible, html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"], body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:hover, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:focus-visible, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"] { transform: translateY(-2px) scale(1.03); border-color: rgba(0, 202, 224, 0.55); box-shadow: rgba(0, 0, 0, 0.45) 0px 12px 30px, rgba(0, 202, 224, 0.35) 0px 0px 24px, rgba(255, 255, 255, 0.12) 0px 1px 0px inset; }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:hover::before, html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:focus-visible::before, html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"]::before, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:hover::before, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:focus-visible::before, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"]::before { opacity: 0.75; animation-duration: 4.2s; }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:active, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:active { transform: translateY(-1px) scale(0.98); }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, html.jn-light-mode body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body.jn-light-mode:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body[data-theme="light"]:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger { display: grid; place-items: center; overflow: visible; isolation: isolate; width: 51px; height: 51px; min-width: 51px; min-height: 51px; padding: 0px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.12); background: radial-gradient(120% 120% at 30% 25%, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0) 65%), linear-gradient(155deg, rgba(30, 32, 40, 0.85), rgba(20, 22, 28, 0.85)) transparent; color: transparent; box-shadow: rgba(0, 0, 0, 0.35) 0px 8px 24px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.3s, box-shadow 0.3s; }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger::before, html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger::after, html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger.has-reminder::after, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger::before, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger::after, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger.has-reminder::after { content: none; display: none; opacity: 0; }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger svg, html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger .front-quick-grid, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger svg, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger .front-quick-grid { display: none; }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-halo.trigger-halo, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-halo.trigger-halo { position: absolute; inset: -6px; z-index: -1; display: block; width: auto; height: auto; border-radius: 50%; border: 0px; background: conic-gradient(rgba(0, 202, 224, 0.55), rgba(168, 85, 247, 0.55), rgba(245, 158, 11, 0.55), rgba(16, 185, 129, 0.55), rgba(0, 202, 224, 0.55)); opacity: 0.35; filter: blur(9px); transform-origin: 50% 50%; pointer-events: none; animation: 9s linear 0s infinite normal none running jnQuickReplicaHaloSpinSmooth; }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-icon-wrap.trigger-icon-wrap, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-icon-wrap.trigger-icon-wrap { position: absolute; left: 50%; top: 50%; z-index: 1; display: grid; place-items: center; width: 26px; height: 26px; min-width: 0px; min-height: 0px; opacity: 1; transform: translate(-50%, -50%) rotate(0deg); transform-origin: 50% 50%; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-icon-wrap .trigger-icon, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-icon-wrap .trigger-icon { display: block; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: fill; opacity: 1; pointer-events: none; }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-unread-dot.trigger-unread-dot, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-unread-dot.trigger-unread-dot { position: absolute; top: 3px; right: 3px; z-index: 2; display: none; width: 10px; height: 10px; border-radius: 50%; background: rgb(239, 68, 68); box-shadow: rgba(20, 22, 28, 0.95) 0px 0px 0px 3px, rgba(239, 68, 68, 0.7) 0px 0px 10px; pointer-events: none; animation: 1.8s ease-in-out 0s infinite normal none running jnQuickReplicaDotPulse; }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger.has-reminder > .trigger-unread-dot, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger.has-reminder > .trigger-unread-dot { display: block; }

html.jn-light-mode body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-unread-dot.trigger-unread-dot, body.jn-light-mode:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-unread-dot.trigger-unread-dot, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-unread-dot.trigger-unread-dot, body[data-theme="light"]:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-unread-dot.trigger-unread-dot { background: rgb(239, 68, 68); box-shadow: rgba(255, 255, 255, 0.98) 0px 0px 0px 3px, rgba(248, 113, 113, 0.18) 0px 0px 0px 5px, rgba(225, 29, 72, 0.48) 0px 0px 13px; }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"] > .trigger-halo, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"] > .trigger-halo { opacity: 0.75; }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"] > .trigger-icon-wrap, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"] > .trigger-icon-wrap { transform: translate(-50%, -50%) rotate(45deg); }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:active, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:active { transform: translateY(-2px) scale(1.03); }

html.jn-huawei-browser body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-halo, body.jn-huawei-browser:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-halo { opacity: 0.42; filter: blur(7px); }

@media (max-width: 760px){
html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger { width: 46px; height: 46px; min-width: 46px; min-height: 46px; }
html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-halo, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-halo { inset: -5.3px; filter: blur(8.8px); }
html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-icon-wrap, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-icon-wrap { width: 23px; height: 23px; }
}

html body:not(.front-creative-page) > .jn-quick-drawer, html body:not(.front-creative-page) > .jn-quick-drawer-overlay, html body .jn-quick-drawer[data-front-covered="1"], html body .jn-quick-drawer-overlay[data-front-covered="1"] { display: none; visibility: hidden; pointer-events: none; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer { border: 1px solid var(--jn-quick-line); background-image: none; color: var(--jn-quick-text); box-shadow: var(--jn-quick-shadow); }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-drawer-inner, .jn-quick-drawer-head, .jn-quick-drawer-foot), body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-drawer-inner, .jn-quick-drawer-head, .jn-quick-drawer-foot) { background-image: none; border-color: var(--jn-quick-line); color: var(--jn-quick-text); box-shadow: none; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-profile-card, .jn-quick-balance, .jn-quick-card, .jn-quick-drawer-head > button), body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-profile-card, .jn-quick-balance, .jn-quick-card, .jn-quick-drawer-head > button) { border: 1px solid var(--jn-quick-line); background-image: none; color: var(--jn-quick-text); box-shadow: none; text-shadow: none; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-member-tags span, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-member-tags span { padding: 0px; border: 0px; border-radius: 0px; background: none transparent; box-shadow: none; text-shadow: none; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance { border-color: var(--jn-quick-balance-line); background-image: var(--jn-quick-balance-bg); color: var(--jn-quick-balance-text); -webkit-text-fill-color: var(--jn-quick-balance-text); }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance span, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance span { color: var(--jn-quick-balance-muted); -webkit-text-fill-color: var(--jn-quick-balance-muted); }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance b, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance b { color: var(--jn-quick-balance-text); -webkit-text-fill-color: var(--jn-quick-balance-text); }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card:hover, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card:hover { border-color: var(--jn-quick-line-strong); background-image: none; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-profile-text strong, .jn-quick-card b), body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-profile-text strong, .jn-quick-card b) { color: var(--jn-quick-text); -webkit-text-fill-color: var(--jn-quick-text); text-shadow: none; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-profile-text small, .jn-quick-card small, .jn-quick-drawer-nav h3), body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-profile-text small, .jn-quick-card small, .jn-quick-drawer-nav h3) { color: var(--jn-quick-muted); -webkit-text-fill-color: var(--jn-quick-muted); text-shadow: none; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i { border: 1px solid var(--jn-quick-line-strong); background-image: none; color: var(--jn-quick-icon-text); -webkit-text-fill-color: var(--jn-quick-icon-text); box-shadow: none; text-shadow: none; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card { transform: none; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i { display: flex; align-items: center; justify-content: center; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i::before, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i::before { content: none; display: none; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i svg, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i svg { width: 20px; height: 20px; display: block; flex: 0 0 20px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; overflow: visible; pointer-events: none; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card b, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card b { font-size: 14px; font-weight: 700; line-height: 1.25; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card small, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card small { font-size: 11px; font-weight: 500; line-height: 1.35; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-logout, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-logout { border: 1px solid var(--jn-quick-danger-line); background-image: none; color: var(--jn-quick-danger-text); -webkit-text-fill-color: var(--jn-quick-danger-text); box-shadow: none; text-shadow: none; }

html body[class^="page-"]:not(.page-admin):has(#frontRechargeModal) .jn-quick-drawer-trigger { opacity: 1; pointer-events: auto; }

:is(html.jn-light-mode, html[data-theme="light"]) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer, body.jn-light-mode:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer, body[data-theme="light"]:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer { --jn-quick-subtle: #8a9aaf; }

html[data-theme="dark"]:not(#jnQuickDrawerNeutralA#jnQuickDrawerNeutralB#jnQuickDrawerNeutralC#jnQuickDrawerNeutralD#jnQuickDrawerNeutralE#jnQuickDrawerNeutralF#jnQuickDrawerNeutralG#jnQuickDrawerNeutralH#jnQuickDrawerNeutralI#jnQuickDrawerNeutralJ#jnQuickDrawerNeutralK#jnQuickDrawerNeutralL) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer { --jn-quick-panel: #1b1c20; --jn-quick-panel-soft: #1d1f24; --jn-quick-head: #202228; --jn-quick-card: #202228; --jn-quick-card-hover: #24272d; --jn-quick-card-line: #34373e; --jn-quick-line: #34373e; --jn-quick-line-strong: #484c56; --jn-quick-text: #f0f1f3; --jn-quick-muted: #a2a6ae; --jn-quick-subtle: #747982; --jn-quick-balance-text: #f0f1f3; --jn-quick-balance-muted: #969ba5; --jn-quick-danger-bg: #292326; --jn-quick-danger-text: #f2b8c0; --jn-quick-danger-line: rgba(242,125,142,.24); border-color: rgb(52, 55, 62); background: none rgb(27, 28, 32); box-shadow: rgba(0, 0, 0, 0.46) 0px 30px 86px, rgba(255, 255, 255, 0.035) 0px 1px 0px inset; }

html[data-theme="dark"]:not(#jnQuickDrawerNeutralA#jnQuickDrawerNeutralB#jnQuickDrawerNeutralC#jnQuickDrawerNeutralD#jnQuickDrawerNeutralE#jnQuickDrawerNeutralF#jnQuickDrawerNeutralG#jnQuickDrawerNeutralH#jnQuickDrawerNeutralI#jnQuickDrawerNeutralJ#jnQuickDrawerNeutralK#jnQuickDrawerNeutralL) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-inner { background: linear-gradient(rgb(32, 34, 40) 0%, rgb(27, 28, 32) 38%, rgb(29, 31, 36) 100%); color: rgb(240, 241, 243); }

html[data-theme="dark"]:not(#jnQuickDrawerNeutralA#jnQuickDrawerNeutralB#jnQuickDrawerNeutralC#jnQuickDrawerNeutralD#jnQuickDrawerNeutralE#jnQuickDrawerNeutralF#jnQuickDrawerNeutralG#jnQuickDrawerNeutralH#jnQuickDrawerNeutralI#jnQuickDrawerNeutralJ#jnQuickDrawerNeutralK#jnQuickDrawerNeutralL) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card { border-color: rgb(58, 62, 70); background: linear-gradient(135deg, rgb(38, 41, 48), rgb(32, 34, 40)); box-shadow: rgba(255, 255, 255, 0.043) 0px 1px 0px inset, rgba(0, 0, 0, 0.18) 0px 12px 28px; }

html[data-theme="dark"]:not(#jnQuickDrawerNeutralA#jnQuickDrawerNeutralB#jnQuickDrawerNeutralC#jnQuickDrawerNeutralD#jnQuickDrawerNeutralE#jnQuickDrawerNeutralF#jnQuickDrawerNeutralG#jnQuickDrawerNeutralH#jnQuickDrawerNeutralI#jnQuickDrawerNeutralJ#jnQuickDrawerNeutralK#jnQuickDrawerNeutralL) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-avatar img { background: rgba(24, 25, 29, 0.52); box-shadow: rgb(58, 62, 70) 0px 0px 0px 1px; }

html[data-theme="dark"]:not(#jnQuickDrawerNeutralA#jnQuickDrawerNeutralB#jnQuickDrawerNeutralC#jnQuickDrawerNeutralD#jnQuickDrawerNeutralE#jnQuickDrawerNeutralF#jnQuickDrawerNeutralG#jnQuickDrawerNeutralH#jnQuickDrawerNeutralI#jnQuickDrawerNeutralJ#jnQuickDrawerNeutralK#jnQuickDrawerNeutralL) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-avatar.has-avatar-frame::before { filter: drop-shadow(rgba(0, 0, 0, 0.28) 0px 8px 13px); }

html[data-theme="dark"]:not(#jnQuickDrawerNeutralA#jnQuickDrawerNeutralB#jnQuickDrawerNeutralC#jnQuickDrawerNeutralD#jnQuickDrawerNeutralE#jnQuickDrawerNeutralF#jnQuickDrawerNeutralG#jnQuickDrawerNeutralH#jnQuickDrawerNeutralI#jnQuickDrawerNeutralJ#jnQuickDrawerNeutralK#jnQuickDrawerNeutralL) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card > .jn-quick-balance { border-left-color: rgb(58, 62, 70); }

html[data-theme="dark"]:not(#jnQuickDrawerNeutralA#jnQuickDrawerNeutralB#jnQuickDrawerNeutralC#jnQuickDrawerNeutralD#jnQuickDrawerNeutralE#jnQuickDrawerNeutralF#jnQuickDrawerNeutralG#jnQuickDrawerNeutralH#jnQuickDrawerNeutralI#jnQuickDrawerNeutralJ#jnQuickDrawerNeutralK#jnQuickDrawerNeutralL) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card > .jn-quick-balance span { color: rgb(150, 155, 165); -webkit-text-fill-color: rgb(150, 155, 165); }

html[data-theme="dark"]:not(#jnQuickDrawerNeutralA#jnQuickDrawerNeutralB#jnQuickDrawerNeutralC#jnQuickDrawerNeutralD#jnQuickDrawerNeutralE#jnQuickDrawerNeutralF#jnQuickDrawerNeutralG#jnQuickDrawerNeutralH#jnQuickDrawerNeutralI#jnQuickDrawerNeutralJ#jnQuickDrawerNeutralK#jnQuickDrawerNeutralL) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card > .jn-quick-balance b { color: rgb(240, 241, 243); -webkit-text-fill-color: rgb(240, 241, 243); }

html[data-theme="dark"]:not(#jnQuickDrawerNeutralA#jnQuickDrawerNeutralB#jnQuickDrawerNeutralC#jnQuickDrawerNeutralD#jnQuickDrawerNeutralE#jnQuickDrawerNeutralF#jnQuickDrawerNeutralG#jnQuickDrawerNeutralH#jnQuickDrawerNeutralI#jnQuickDrawerNeutralJ#jnQuickDrawerNeutralK#jnQuickDrawerNeutralL) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card { border-color: rgb(52, 55, 62); background: none rgb(32, 34, 40); box-shadow: rgba(255, 255, 255, 0.024) 0px 1px 0px inset; }

html[data-theme="dark"]:not(#jnQuickDrawerNeutralA#jnQuickDrawerNeutralB#jnQuickDrawerNeutralC#jnQuickDrawerNeutralD#jnQuickDrawerNeutralE#jnQuickDrawerNeutralF#jnQuickDrawerNeutralG#jnQuickDrawerNeutralH#jnQuickDrawerNeutralI#jnQuickDrawerNeutralJ#jnQuickDrawerNeutralK#jnQuickDrawerNeutralL) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card:hover, html[data-theme="dark"]:not(#jnQuickDrawerNeutralA#jnQuickDrawerNeutralB#jnQuickDrawerNeutralC#jnQuickDrawerNeutralD#jnQuickDrawerNeutralE#jnQuickDrawerNeutralF#jnQuickDrawerNeutralG#jnQuickDrawerNeutralH#jnQuickDrawerNeutralI#jnQuickDrawerNeutralJ#jnQuickDrawerNeutralK#jnQuickDrawerNeutralL) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card:focus-visible { border-color: rgb(72, 76, 86); background: none rgb(36, 39, 45); }

html[data-theme="dark"]:not(#jnQuickDrawerNeutralA#jnQuickDrawerNeutralB#jnQuickDrawerNeutralC#jnQuickDrawerNeutralD#jnQuickDrawerNeutralE#jnQuickDrawerNeutralF#jnQuickDrawerNeutralG#jnQuickDrawerNeutralH#jnQuickDrawerNeutralI#jnQuickDrawerNeutralJ#jnQuickDrawerNeutralK#jnQuickDrawerNeutralL) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav h3::before { background: rgb(116, 121, 130); }

html[data-theme="dark"]:not(#jnQuickDrawerNeutralA#jnQuickDrawerNeutralB#jnQuickDrawerNeutralC#jnQuickDrawerNeutralD#jnQuickDrawerNeutralE#jnQuickDrawerNeutralF#jnQuickDrawerNeutralG#jnQuickDrawerNeutralH#jnQuickDrawerNeutralI#jnQuickDrawerNeutralJ#jnQuickDrawerNeutralK#jnQuickDrawerNeutralL) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav::-webkit-scrollbar-thumb { background: rgb(85, 90, 100); }

html[data-theme="dark"]:not(#jnQuickDrawerNeutralA#jnQuickDrawerNeutralB#jnQuickDrawerNeutralC#jnQuickDrawerNeutralD#jnQuickDrawerNeutralE#jnQuickDrawerNeutralF#jnQuickDrawerNeutralG#jnQuickDrawerNeutralH#jnQuickDrawerNeutralI#jnQuickDrawerNeutralJ#jnQuickDrawerNeutralK#jnQuickDrawerNeutralL) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-foot { border-top-color: rgb(52, 55, 62); }

html[data-theme="dark"]:not(#jnQuickDrawerNeutralA#jnQuickDrawerNeutralB#jnQuickDrawerNeutralC#jnQuickDrawerNeutralD#jnQuickDrawerNeutralE#jnQuickDrawerNeutralF#jnQuickDrawerNeutralG#jnQuickDrawerNeutralH#jnQuickDrawerNeutralI#jnQuickDrawerNeutralJ#jnQuickDrawerNeutralK#jnQuickDrawerNeutralL) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-logout { border-color: rgba(242, 125, 142, 0.24); background: none rgb(41, 35, 38); color: rgb(242, 184, 192); -webkit-text-fill-color: rgb(242, 184, 192); }

body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger, body[class^="page-"]:not(.page-admin) button.jn-quick-drawer-trigger, html body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger { width: 42px; height: 42px; padding: 0px; display: grid; place-items: center; position: fixed; overflow: hidden; opacity: 1; visibility: visible; pointer-events: auto; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.12); background-color: rgba(16, 16, 16, 0.92); background-image: none; background-repeat: no-repeat; background-position: center center; background-size: 28px 28px; box-shadow: rgba(0, 0, 0, 0.28) 0px 10px 24px; color: transparent; font-size: 0px; line-height: 0; transition: transform 0.22s, border-color 0.22s, background-color 0.22s, box-shadow 0.22s; will-change: transform; }

body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger::before, html body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger::before { content: ""; position: static; display: block; width: 28px; height: 28px; inset: auto; border: 0px; border-radius: 0px; background-color: transparent; background-image: var(--jn-quick-app-icon); background-repeat: no-repeat; background-position: center center; background-size: 28px 28px; box-shadow: none; transform: translateX(0px) rotate(0deg) scale(1); transform-origin: 50% 50%; transition: transform 0.42s cubic-bezier(0.2, 0.85, 0.2, 1.05), filter 0.22s; will-change: transform; pointer-events: none; }

body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger::after, html body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger::after { content: none; display: none; }

body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger svg, body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger span, html body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger svg, html body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger span { display: none; }

body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger:hover, body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger:focus-visible, body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger[aria-expanded="true"] { transform: translateY(-2px) scale(1.02); border-color: rgba(0, 202, 224, 0.5); background-color: rgba(23, 23, 23, 0.96); background-image: none; box-shadow: rgba(0, 0, 0, 0.36) 0px 14px 30px, rgba(0, 202, 224, 0.16) 0px 0px 22px; }

body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger:hover:not([aria-expanded="true"])::before, body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger:focus-visible:not([aria-expanded="true"])::before, body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger.is-hovering:not([aria-expanded="true"])::before { animation: 0.86s ease-in-out 0s infinite normal none running jnQuickIconHover; filter: drop-shadow(rgba(0, 202, 224, 0.22) 0px 0px 8px); }

body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger[aria-expanded="true"]::before, html body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger[aria-expanded="true"]::before { animation: auto ease 0s 1 normal none running none; transform: translateX(3px) rotate(180deg) scale(1.03); filter: drop-shadow(rgba(168, 85, 247, 0.24) 0px 0px 10px); }

html body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger, body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger { overflow: visible; }

html body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger::before, body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger::before { animation: auto ease 0s 1 normal none running none; transform: rotate(0deg) scale(1); transform-origin: 50% 50%; transition: transform 0.46s cubic-bezier(0.2, 0.86, 0.2, 1), filter 0.24s; }

html body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger:hover::before, body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger:hover::before, html body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger:focus-visible::before, body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger:focus-visible::before, html body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger[aria-expanded="true"]::before, body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger[aria-expanded="true"]::before { animation: auto ease 0s 1 normal none running none; transform: rotate(180deg) scale(1.04); filter: drop-shadow(rgba(45, 212, 191, 0.3) 0px 0px 10px); }

html body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger:not(.has-reminder)::after, body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger:not(.has-reminder)::after { content: ""; display: none; }

html body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger.has-reminder::after, body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger.has-reminder::after { content: ""; position: absolute; right: -2px; top: -2px; width: 11px; height: 11px; display: block; border-radius: 999px; border: 2px solid rgb(16, 17, 20); background: rgb(255, 77, 95); box-shadow: rgba(255, 77, 95, 0.48) 0px 0px 0px 0px, rgba(255, 77, 95, 0.72) 0px 0px 16px; animation: 1.55s ease-in-out 0s infinite normal none running jnQuickReminderBreath; pointer-events: none; }

html body[class^="page-"]:not(.page-admin) .jn-quick-drawer .jn-quick-card.has-reminder, body[class^="page-"]:not(.page-admin) .jn-quick-drawer .jn-quick-card.has-reminder { border-color: color-mix(in srgb, var(--jn-q1, #38bdf8) 58%, rgba(255,255,255,.20)); box-shadow: 0 12px 28px color-mix(in srgb, var(--jn-q1, #38bdf8) 18%, rgba(2,6,23,.18)), inset 0 1px 0 rgba(255,255,255,.12); }

html body[class^="page-"]:not(.page-admin) .jn-quick-drawer .jn-quick-card.has-reminder i::after, body[class^="page-"]:not(.page-admin) .jn-quick-drawer .jn-quick-card.has-reminder i::after { display: none; }

html body[class^="page-"]:not(.page-admin) .jn-quick-drawer .jn-quick-badge, body[class^="page-"]:not(.page-admin) .jn-quick-drawer .jn-quick-badge { position: absolute; z-index: 5; right: 7px; top: 7px; min-width: 17px; height: 17px; padding: 0px 5px; display: inline-grid; place-items: center; border-radius: 999px; border: 2px solid rgba(9, 14, 24, 0.96); background: rgb(255, 77, 95); color: rgb(255, 255, 255); font-size: 9.5px; font-weight: 1000; line-height: 1; box-shadow: rgba(255, 77, 95, 0.44) 0px 0px 0px 0px, rgba(255, 77, 95, 0.7) 0px 0px 15px; animation: 1.55s ease-in-out 0s infinite normal none running jnQuickReminderBreath; pointer-events: none; }

html body[class^="page-"]:not(.page-admin) .jn-quick-drawer .jn-quick-badge.is-dot, body[class^="page-"]:not(.page-admin) .jn-quick-drawer .jn-quick-badge.is-dot { width: 11px; min-width: 11px; height: 11px; padding: 0px; display: block; font-size: 0px; }

html body:not(.page-admin) .jn-quick-drawer-trigger::before, body:not(.page-admin) .jn-quick-drawer-trigger::before { animation: auto ease 0s 1 normal none running none; transform: rotate(0deg) scale(1); transition: transform 0.46s cubic-bezier(0.2, 0.86, 0.2, 1), filter 0.24s; }

html body:not(.page-admin) .jn-quick-drawer-trigger:hover::before, body:not(.page-admin) .jn-quick-drawer-trigger:hover::before, html body:not(.page-admin) .jn-quick-drawer-trigger:focus-visible::before, body:not(.page-admin) .jn-quick-drawer-trigger:focus-visible::before, html body:not(.page-admin) .jn-quick-drawer-trigger[aria-expanded="true"]::before, body:not(.page-admin) .jn-quick-drawer-trigger[aria-expanded="true"]::before { animation: auto ease 0s 1 normal none running none; transform: rotate(180deg) scale(1.04); }

html body:not(.page-admin) .jn-quick-drawer-trigger:not(.has-reminder)::after, body:not(.page-admin) .jn-quick-drawer-trigger:not(.has-reminder)::after { content: ""; display: none; }

html body:not(.page-admin) .jn-quick-drawer-trigger.has-reminder::after, body:not(.page-admin) .jn-quick-drawer-trigger.has-reminder::after { content: ""; position: absolute; right: -2px; top: -2px; width: 11px; height: 11px; display: block; border-radius: 999px; border: 2px solid rgb(16, 17, 20); background: rgb(255, 77, 95); animation: 1.55s ease-in-out 0s infinite normal none running jnQuickReminderBreath; }

html body:not(.page-admin) .jn-quick-drawer .jn-quick-badge, body:not(.page-admin) .jn-quick-drawer .jn-quick-badge { display: inline-grid; animation: 1.55s ease-in-out 0s infinite normal none running jnQuickReminderBreath; }

html body:not(.page-admin) .jn-quick-drawer .jn-quick-badge.is-dot, body:not(.page-admin) .jn-quick-drawer .jn-quick-badge.is-dot { display: block; width: 11px; min-width: 11px; height: 11px; padding: 0px; font-size: 0px; }

.jn-quick-drawer .jn-quick-profile-card { align-items: flex-start; }

.jn-quick-drawer .jn-quick-profile { min-height: 46px; align-items: flex-start; padding-top: 1px; }

.jn-quick-drawer .jn-quick-profile-text { min-height: 44px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 5px; padding-top: 3px; }

.jn-quick-drawer .jn-quick-profile-text strong { height: 18px; line-height: 18px; font-size: 15.5px; font-weight: 1000; }

.jn-quick-drawer .jn-quick-profile-text small.jn-quick-member-tags { margin-top: 2px; gap: 4px; }

.jn-quick-drawer .jn-quick-member-tags span { height: 17px; line-height: 17px; padding: 0px 6px; font-size: 9.5px; }

@media (max-width: 760px){
.jn-quick-drawer .jn-quick-profile-text strong { font-size: 14.5px; }
.jn-quick-drawer .jn-quick-profile-text small.jn-quick-member-tags { margin-top: 1px; }
}

html.jn-light-mode body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger, html.jn-light-mode body[class^="page-"]:not(.page-admin) button.jn-quick-drawer-trigger, body.jn-light-mode[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger, body.jn-light-mode[class^="page-"]:not(.page-admin) button.jn-quick-drawer-trigger { opacity: 1; visibility: visible; pointer-events: auto; background-color: rgba(255, 255, 255, 0.96); background-image: none; background-repeat: no-repeat; background-position: center center; background-size: 28px 28px; border-color: rgba(15, 23, 42, 0.14); box-shadow: rgba(15, 23, 42, 0.12) 0px 10px 24px; }

@media (hover: hover) and (pointer: fine) and (min-width: 761px){
html.jn-light-mode body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger, html.jn-light-mode body[class^="page-"]:not(.page-admin) button.jn-quick-drawer-trigger, body.jn-light-mode[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger, body.jn-light-mode[class^="page-"]:not(.page-admin) button.jn-quick-drawer-trigger { opacity: 1; visibility: visible; pointer-events: auto; }
}

@media (max-width: 760px){
body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger, html body[class^="page-"]:not(.page-admin) .jn-quick-drawer-trigger { width: 40px; height: 40px; right: 12px; top: 12px; background-size: 28px 28px; }
}

.jn-quick-member-tags { max-width: 188px; display: flex; align-items: center; gap: 5px; white-space: nowrap; overflow: hidden; }

.jn-quick-drawer .jn-quick-profile-text small.jn-quick-member-tags { width: max-content; max-width: min(232px, -118px + 100vw); display: flex; align-items: center; gap: 5px; white-space: nowrap; overflow: hidden; }

.jn-quick-drawer .jn-quick-profile-text small.jn-quick-member-tags span:first-child { max-width: 92px; }

.jn-quick-drawer .jn-quick-profile-text small.jn-quick-member-tags span:last-child { max-width: 128px; }

.jn-quick-member-tags span { min-width: 0px; height: 18px; display: inline-flex; align-items: center; padding: 0px 7px; border-radius: 999px; border: 1px solid rgba(148, 163, 184, 0.16); background: rgba(255, 255, 255, 0.055); color: rgb(148, 163, 184); font-size: 10px; font-weight: 850; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 0 1 auto; }

.jn-quick-member-tags span:first-child { max-width: 82px; color: rgb(250, 204, 21); border-color: rgba(245, 158, 11, 0.26); background: rgba(245, 158, 11, 0.1); }

.jn-quick-member-tags span:last-child { max-width: 100px; }

.jn-quick-member-tags span.is-active { color: rgb(94, 234, 212); border-color: rgba(16, 185, 129, 0.26); background: rgba(16, 185, 129, 0.11); }

html.jn-light-mode .jn-quick-member-tags span, body.jn-light-mode .jn-quick-member-tags span { background: rgb(248, 250, 252); border-color: rgba(15, 23, 42, 0.12); color: rgb(100, 116, 139); }

html.jn-light-mode .jn-quick-member-tags span:first-child, body.jn-light-mode .jn-quick-member-tags span:first-child { background: rgb(255, 247, 237); border-color: rgb(254, 215, 170); color: rgb(180, 83, 9); }

html.jn-light-mode .jn-quick-member-tags span.is-active, body.jn-light-mode .jn-quick-member-tags span.is-active { background: rgb(236, 253, 245); border-color: rgb(187, 247, 208); color: rgb(4, 120, 87); }

@media (max-width: 760px){
.jn-quick-member-tags { max-width: 150px; }
.jn-quick-member-tags span:first-child { max-width: 68px; }
.jn-quick-member-tags span:last-child { max-width: 78px; }
}

html body:not(.page-admin):not(#jnAvatarFrameGlobalA):not(#jnAvatarFrameGlobalB) :is(.sidebar-footer .sidebar-user-avatar, .jn-quick-drawer .jn-quick-profile-avatar, .jn-profile-modal .jn-profile-avatar-btn, .record-detail-sharer .record-detail-avatar, .oc-chat-message.is-user .oc-chat-avatar), body:not(.page-admin):not(#jnAvatarFrameGlobalA):not(#jnAvatarFrameGlobalB) :is(.sidebar-footer .sidebar-user-avatar, .jn-quick-drawer .jn-quick-profile-avatar, .jn-profile-modal .jn-profile-avatar-btn, .record-detail-sharer .record-detail-avatar, .oc-chat-message.is-user .oc-chat-avatar) { --jn-avatar-frame-inset: -7px; --jn-avatar-core-inset: 8px; position: relative; display: grid; place-items: center; overflow: visible; isolation: isolate; border: 0px; border-radius: 50%; background: none transparent; box-shadow: none; color: rgb(248, 250, 252); -webkit-text-fill-color: rgb(248, 250, 252); font-weight: 950; }

html body:not(.page-admin):not(#jnAvatarFrameGlobalA):not(#jnAvatarFrameGlobalB) :is(.sidebar-footer .sidebar-user-avatar, .jn-quick-drawer .jn-quick-profile-avatar, .jn-profile-modal .jn-profile-avatar-btn, .record-detail-sharer .record-detail-avatar, .oc-chat-message.is-user .oc-chat-avatar)::before, body:not(.page-admin):not(#jnAvatarFrameGlobalA):not(#jnAvatarFrameGlobalB) :is(.sidebar-footer .sidebar-user-avatar, .jn-quick-drawer .jn-quick-profile-avatar, .jn-profile-modal .jn-profile-avatar-btn, .record-detail-sharer .record-detail-avatar, .oc-chat-message.is-user .oc-chat-avatar)::before { content: ""; position: absolute; inset: var(--jn-avatar-frame-inset); z-index: 2; display: block; pointer-events: none; border: 0px; border-radius: 0px; padding: 0px; background: var(--jn-avatar-frame-image, url("/user/assets/avatar-frame-starry.png")) center / 100% 100% no-repeat; mask: none; opacity: 1; transform: none; filter: drop-shadow(rgba(65, 96, 255, 0.28) 0px 8px 14px); }

html body:not(.page-admin):not(#jnAvatarFrameGlobalA):not(#jnAvatarFrameGlobalB) :is(.sidebar-footer .sidebar-user-avatar, .jn-quick-drawer .jn-quick-profile-avatar, .jn-profile-modal .jn-profile-avatar-btn, .record-detail-sharer .record-detail-avatar, .oc-chat-message.is-user .oc-chat-avatar)::after, body:not(.page-admin):not(#jnAvatarFrameGlobalA):not(#jnAvatarFrameGlobalB) :is(.sidebar-footer .sidebar-user-avatar, .jn-quick-drawer .jn-quick-profile-avatar, .jn-profile-modal .jn-profile-avatar-btn, .record-detail-sharer .record-detail-avatar, .oc-chat-message.is-user .oc-chat-avatar)::after { content: ""; position: absolute; inset: var(--jn-avatar-core-inset); z-index: -1; display: block; pointer-events: none; border-radius: 50%; background: radial-gradient(circle at 50% 38%, rgba(130, 191, 255, 0.72), rgba(54, 92, 190, 0.88) 66%, rgba(18, 25, 76, 0.96) 100%); box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.2) 0px 8px 18px; }

html body:not(.page-admin):not(#jnAvatarFrameGlobalA):not(#jnAvatarFrameGlobalB) :is(.sidebar-footer .sidebar-user-avatar, .jn-quick-drawer .jn-quick-profile-avatar, .jn-profile-modal .jn-profile-avatar-btn, .record-detail-sharer .record-detail-avatar, .oc-chat-message.is-user .oc-chat-avatar) img, body:not(.page-admin):not(#jnAvatarFrameGlobalA):not(#jnAvatarFrameGlobalB) :is(.sidebar-footer .sidebar-user-avatar, .jn-quick-drawer .jn-quick-profile-avatar, .jn-profile-modal .jn-profile-avatar-btn, .record-detail-sharer .record-detail-avatar, .oc-chat-message.is-user .oc-chat-avatar) img { position: absolute; inset: var(--jn-avatar-core-inset); z-index: 1; width: calc(100% - 14px); height: calc(100% - 14px); max-width: calc(100% - 14px); max-height: calc(100% - 14px); display: block; object-fit: cover; object-position: center center; border: 0px; border-radius: 50%; box-shadow: none; }

html body:not(.page-admin):not(#jnAvatarFrameGlobalA):not(#jnAvatarFrameGlobalB) .jn-quick-drawer .jn-quick-profile-avatar, body:not(.page-admin):not(#jnAvatarFrameGlobalA):not(#jnAvatarFrameGlobalB) .jn-quick-drawer .jn-quick-profile-avatar { --jn-avatar-frame-inset: -7px; --jn-avatar-core-inset: 7px; width: 42px; min-width: 42px; height: 42px; min-height: 42px; flex: 0 0 42px; font-size: 13px; }

html body:not(.page-admin):not(#jnAvatarFrameGlobalA):not(#jnAvatarFrameGlobalB) :is(.sidebar-user:hover .sidebar-user-avatar, .jn-quick-profile:hover .jn-quick-profile-avatar, .jn-profile-avatar-btn:hover, .record-detail-sharer:hover .record-detail-avatar, .oc-chat-message.is-user .oc-chat-avatar:hover)::before, body:not(.page-admin):not(#jnAvatarFrameGlobalA):not(#jnAvatarFrameGlobalB) :is(.sidebar-user:hover .sidebar-user-avatar, .jn-quick-profile:hover .jn-quick-profile-avatar, .jn-profile-avatar-btn:hover, .record-detail-sharer:hover .record-detail-avatar, .oc-chat-message.is-user .oc-chat-avatar:hover)::before { transform: scale(1.05) rotate(6deg); transition: transform 0.32s, filter 0.32s; filter: drop-shadow(rgba(82, 114, 255, 0.38) 0px 10px 18px); }

@media (max-width: 760px){
html body:not(.page-admin):not(#jnAvatarFrameGlobalA):not(#jnAvatarFrameGlobalB) .jn-quick-drawer .jn-quick-profile-avatar, body:not(.page-admin):not(#jnAvatarFrameGlobalA):not(#jnAvatarFrameGlobalB) .jn-quick-drawer .jn-quick-profile-avatar { width: 38px; min-width: 38px; height: 38px; min-height: 38px; flex-basis: 38px; }
}

html body:not(.page-admin):not(#jnAvatarFrameImgFixA):not(#jnAvatarFrameImgFixB) :is(.sidebar-footer .sidebar-user-avatar, .jn-quick-drawer .jn-quick-profile-avatar, .record-detail-sharer .record-detail-avatar, .oc-chat-message.is-user .oc-chat-avatar) img, body:not(.page-admin):not(#jnAvatarFrameImgFixA):not(#jnAvatarFrameImgFixB) :is(.sidebar-footer .sidebar-user-avatar, .jn-quick-drawer .jn-quick-profile-avatar, .record-detail-sharer .record-detail-avatar, .oc-chat-message.is-user .oc-chat-avatar) img { inset: 7px; width: calc(100% - 14px); height: calc(100% - 14px); max-width: calc(100% - 14px); max-height: calc(100% - 14px); object-fit: cover; object-position: center center; }

html body:not(.page-admin) .jn-quick-drawer-trigger, body:not(.page-admin) .jn-quick-drawer-trigger { display: grid; place-items: center; overflow: visible; isolation: isolate; background-image: none; }

html body:not(.page-admin) .jn-quick-drawer-trigger::before, body:not(.page-admin) .jn-quick-drawer-trigger::before { content: ""; position: relative; inset: auto; display: block; width: 28px; height: 28px; border: 0px; border-radius: 0px; background-color: transparent; background-image: var(--jn-quick-app-icon); background-repeat: no-repeat; background-position: center center; background-size: 28px 28px; box-shadow: none; opacity: 1; transform: rotate(0deg) scale(1); transform-origin: 50% 50%; transition: transform 0.46s cubic-bezier(0.2, 0.86, 0.2, 1), filter 0.24s; animation: auto ease 0s 1 normal none running none; filter: none; pointer-events: none; }

html body:not(.page-admin) .jn-quick-drawer-trigger:hover::before, body:not(.page-admin) .jn-quick-drawer-trigger:hover::before, html body:not(.page-admin) .jn-quick-drawer-trigger:focus-visible::before, body:not(.page-admin) .jn-quick-drawer-trigger:focus-visible::before, html body:not(.page-admin) .jn-quick-drawer-trigger[aria-expanded="true"]::before, body:not(.page-admin) .jn-quick-drawer-trigger[aria-expanded="true"]::before { inset: auto; border-radius: 0px; background-color: transparent; background-image: var(--jn-quick-app-icon); transform: rotate(180deg) scale(1.04); animation: auto ease 0s 1 normal none running none; filter: drop-shadow(rgba(45, 212, 191, 0.3) 0px 0px 10px); }

html body:not(.page-admin) .jn-quick-drawer-trigger:not(.has-reminder)::after, body:not(.page-admin) .jn-quick-drawer-trigger:not(.has-reminder)::after { content: ""; display: none; opacity: 0; }

html body:not(.page-admin) .jn-quick-drawer-trigger.has-reminder::after, body:not(.page-admin) .jn-quick-drawer-trigger.has-reminder::after { content: ""; position: absolute; right: -3px; top: -3px; width: 11px; height: 11px; display: block; opacity: 1; border-radius: 999px; border: 2px solid rgb(16, 17, 20); background: rgb(255, 64, 88); box-shadow: rgba(255, 64, 88, 0.48) 0px 0px 0px 0px, rgba(255, 64, 88, 0.72) 0px 0px 16px; transform: none; animation: 1.55s ease-in-out 0s infinite normal none running jnQuickReminderBreath; pointer-events: none; }

html.jn-light-mode body:not(.page-admin) .jn-quick-drawer-trigger.has-reminder::after, body.jn-light-mode:not(.page-admin) .jn-quick-drawer-trigger.has-reminder::after, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer-trigger.has-reminder::after, body[data-theme="light"]:not(.page-admin) .jn-quick-drawer-trigger.has-reminder::after { border-color: rgb(255, 255, 255); }

html body:not(.page-admin) .jn-quick-drawer .jn-quick-card.has-reminder i::after, body:not(.page-admin) .jn-quick-drawer .jn-quick-card.has-reminder i::after { display: none; opacity: 0; }

html body:not(.page-admin) .jn-quick-drawer .jn-quick-card.has-reminder, body:not(.page-admin) .jn-quick-drawer .jn-quick-card.has-reminder { border-color: color-mix(in srgb, var(--jn-q1, #38bdf8) 58%, rgba(255,255,255,.22)); box-shadow: 0 14px 30px color-mix(in srgb, var(--jn-q1, #38bdf8) 18%, rgba(2,6,23,.18)), inset 0 1px 0 rgba(255,255,255,.12); }

html body:not(.page-admin) .jn-quick-drawer .jn-quick-badge, body:not(.page-admin) .jn-quick-drawer .jn-quick-badge { position: absolute; z-index: 5; right: 7px; top: 7px; min-width: 18px; height: 18px; padding: 0px 5px; display: inline-grid; place-items: center; border-radius: 999px; border: 2px solid rgba(9, 14, 24, 0.96); background: rgb(255, 64, 88); color: rgb(255, 255, 255); font-size: 9.5px; font-weight: 900; line-height: 1; box-shadow: rgba(255, 64, 88, 0.44) 0px 0px 0px 0px, rgba(255, 64, 88, 0.7) 0px 0px 15px; animation: 1.55s ease-in-out 0s infinite normal none running jnQuickReminderBreath; pointer-events: none; }

html body:not(.page-admin) .jn-quick-drawer .jn-quick-badge.is-dot, body:not(.page-admin) .jn-quick-drawer .jn-quick-badge.is-dot { width: 11px; min-width: 11px; height: 11px; padding: 0px; display: block; font-size: 0px; }

html.jn-light-mode body:not(.page-admin) .jn-quick-drawer .jn-quick-badge, body.jn-light-mode:not(.page-admin) .jn-quick-drawer .jn-quick-badge, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer .jn-quick-badge, body[data-theme="light"]:not(.page-admin) .jn-quick-drawer .jn-quick-badge { border-color: rgb(255, 255, 255); }

@media (max-width: 760px){
html body:not(.page-admin).jn-quick-drawer-open, body:not(.page-admin).jn-quick-drawer-open { overflow: hidden; overscroll-behavior: none; }
html body:not(.page-admin) .jn-quick-drawer-overlay, body:not(.page-admin) .jn-quick-drawer-overlay { position: fixed; inset: 0px; background: none transparent; backdrop-filter: none; }
html body:not(.page-admin) .jn-quick-drawer.jn-quick-drawer, body:not(.page-admin) .jn-quick-drawer.jn-quick-drawer { position: fixed; inset: 62px 10px 10px auto; width: min(360px, -20px + 100vw); height: auto; max-height: calc(var(--jn-real-height, 100vh) - 72px); display: flex; flex-direction: column; box-sizing: border-box; overflow: hidden; transform: translate3d(104%, 0px, 0px); backface-visibility: hidden; }
html body:not(.page-admin) .jn-quick-drawer.jn-quick-drawer.is-open, body:not(.page-admin) .jn-quick-drawer.jn-quick-drawer.is-open { transform: translate3d(0px, 0px, 0px); }
html body:not(.page-admin) .jn-quick-drawer .jn-quick-drawer-inner, body:not(.page-admin) .jn-quick-drawer .jn-quick-drawer-inner { min-height: 0px; height: 100%; max-height: 100%; display: flex; flex-direction: column; overflow: hidden; }
html body:not(.page-admin) .jn-quick-drawer .jn-quick-drawer-nav, body:not(.page-admin) .jn-quick-drawer .jn-quick-drawer-nav { flex: 1 1 auto; min-height: 0px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; }
html body:not(.page-admin) .jn-quick-drawer .jn-quick-drawer-nav::-webkit-scrollbar, body:not(.page-admin) .jn-quick-drawer .jn-quick-drawer-nav::-webkit-scrollbar { display: none; width: 0px; height: 0px; }
html.jn-huawei-browser body:not(.page-admin) .jn-quick-drawer.jn-quick-drawer, body.jn-huawei-browser:not(.page-admin) .jn-quick-drawer.jn-quick-drawer { top: 58px; bottom: 12px; max-height: calc(var(--jn-real-height, 100vh) - 70px); backdrop-filter: none; contain: layout paint; }
}

@supports (bottom: env(safe-area-inset-bottom)){
@media (max-width: 760px){
html body:not(.page-admin) .jn-quick-drawer.jn-quick-drawer, body:not(.page-admin) .jn-quick-drawer.jn-quick-drawer { bottom: max(10px, env(safe-area-inset-bottom)); max-height: calc(var(--jn-real-height, 100vh) - 62px - max(10px, env(safe-area-inset-bottom))); }
html.jn-huawei-browser body:not(.page-admin) .jn-quick-drawer.jn-quick-drawer, body.jn-huawei-browser:not(.page-admin) .jn-quick-drawer.jn-quick-drawer { bottom: max(12px, env(safe-area-inset-bottom)); max-height: calc(var(--jn-real-height, 100vh) - 58px - max(12px, env(safe-area-inset-bottom))); }
}
}

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:hover, html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:focus-visible, html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"], body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:hover, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:focus-visible, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"] { transform: translateY(-2px) scale(1.03); border-color: rgba(255, 255, 255, 0.2); box-shadow: rgba(0, 0, 0, 0.38) 0px 12px 30px, rgba(0, 202, 224, 0.16) 0px 0px 24px, rgba(255, 255, 255, 0.12) 0px 1px 0px inset; }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-halo.trigger-halo, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-halo.trigger-halo { position: absolute; inset: -5.85px; z-index: -1; display: block; width: auto; height: auto; border-radius: 50%; border: 0px; background: conic-gradient(rgba(0, 202, 224, 0.55), rgba(168, 85, 247, 0.55), rgba(245, 158, 11, 0.55), rgba(16, 185, 129, 0.55), rgba(0, 202, 224, 0.55)); opacity: 0.35; filter: blur(9.75px); transform-origin: 50% 50%; pointer-events: none; animation: 9s linear 0s infinite normal none running jnQuickReplicaHaloSpinSmooth; }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-icon-wrap.trigger-icon-wrap, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-icon-wrap.trigger-icon-wrap { position: relative; z-index: 1; display: block; width: 25.35px; height: 25.35px; min-width: 0px; min-height: 0px; opacity: 1; transform: none; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"] > .trigger-icon-wrap, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"] > .trigger-icon-wrap { transform: rotate(45deg); }

body:not(.page-admin) :is(.front-shop-modal, .front-buy-panel, .front-profile-modal, .front-resource-modal, .front-ledger-modal, .front-ledger-shell, .front-ledger-body, .front-ledger-head, .front-ledger-other-row, .front-ledger-stat, .front-ledger-toolbar, .front-ledger-tabs, .jn-profile-modal, .jn-profile-panel, .jn-profile-hero, .jn-profile-card, .jn-profile-section, .jn-resource-modal, .jn-credit-ledger-modal, .jn-credit-panel, .jn-credit-toolbar, .jn-credit-stats, .jn-message-modal, .jn-checkin-modal, .customer-modal, .account-bind-modal, .jn-quick-drawer, .jn-quick-drawer-inner, .jn-quick-profile-card, .jn-quick-balance, .jn-quick-card, .record-detail-modal, .record-detail-side, .record-detail-prompt, .gallery-detail-modal, .gallery-detail-side, .gallery-detail-prompt, .gallery-filter-menu, .oc-chat-options, .oc-chat-history-panel, .oc-chat-code-frame, .oc-chat-table-wrap, .ai-video-player-panel, .ai-video-frame-scan-card, .ai-draw-frame-scan-card, .ai-draw-reference-scan-card) { background-image: none; border-color: var(--lz-front-line); color: var(--lz-front-text); box-shadow: var(--lz-front-shadow); }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger { position: fixed; inset: 18px 20px auto auto; margin: 0px; transform: translate3d(0px, 0px, 0px); z-index: 100080; display: grid; visibility: visible; opacity: 1; pointer-events: auto; }

html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:hover, html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:focus-visible, html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"], body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:hover, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger:focus-visible, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"] { transform: translateY(-2px) scale(1.03); }

@media (max-width: 760px){
html body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger { top: 12px; right: 12px; }
}

html body.front-creative-page:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body.front-creative-page:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger { position: fixed; inset: 18px 20px auto auto; z-index: var(--lz-front-quick-trigger-layer); display: grid; visibility: visible; opacity: 1; pointer-events: auto; }

html body.front-creative-page:not(.page-admin) .jn-quick-drawer-overlay, body.front-creative-page:not(.page-admin) .jn-quick-drawer-overlay { z-index: 2147482990; }

html body.front-creative-page:not(.page-admin) .jn-quick-drawer.jn-quick-drawer, body.front-creative-page:not(.page-admin) .jn-quick-drawer.jn-quick-drawer { z-index: 2147482995; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-profile-card, .jn-quick-balance, .jn-quick-card), body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-profile-card, .jn-quick-balance, .jn-quick-card) { border: 1px solid var(--jn-quick-line); background-image: none; color: var(--jn-quick-text); box-shadow: none; text-shadow: none; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer { top: 76px; right: 18px; bottom: 18px; width: min(384px, -28px + 100vw); max-height: calc(-94px + 100dvh); border: 1px solid var(--jn-quick-card-line); border-radius: 20px; background: var(--jn-quick-panel); color: var(--jn-quick-text); box-shadow: var(--jn-quick-shadow); overflow: hidden; transform: none; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-inner, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-inner { height: 100%; display: flex; flex-direction: column; background: linear-gradient(180deg,var(--jn-quick-head) 0%,var(--jn-quick-panel) 38%,var(--jn-quick-panel-soft) 100%); color: var(--jn-quick-text); overflow: hidden; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-head, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-head { flex: 0 0 auto; display: grid; grid-template-columns: minmax(0px, 1fr); gap: 0px; align-items: start; padding: 14px; border: 0px; background: transparent; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card { display: grid; grid-template-columns: minmax(0px, 1fr) 84px; gap: 8px; align-items: stretch; min-width: 0px; padding: 9px; border: 1px solid rgba(103, 141, 184, 0.24); border-radius: 18px; background: linear-gradient(135deg, rgba(34, 54, 78, 0.94), rgba(24, 38, 57, 0.92)); color: var(--jn-quick-text); box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px inset, rgba(2, 8, 23, 0.16) 0px 12px 28px; }

html.jn-light-mode body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card, html[data-theme="light"] body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card, body.jn-light-mode:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card, body[data-theme="light"]:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card { border-color: rgba(87, 112, 151, 0.2); background: linear-gradient(135deg, rgba(238, 246, 255, 0.96), rgba(221, 234, 252, 0.92)); box-shadow: rgba(255, 255, 255, 0.96) 0px 1px 0px inset, rgba(15, 23, 42, 0.08) 0px 12px 26px; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile { min-width: 0px; min-height: 64px; display: grid; grid-template-columns: 52px minmax(0px, 1fr); gap: 10px; align-items: center; padding: 0px; border: 0px; background: transparent; color: var(--jn-quick-text); text-align: left; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-avatar, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-avatar { position: relative; width: 52px; height: 52px; min-width: 52px; min-height: 52px; flex-basis: 52px; display: grid; place-items: center; border: 0px; border-radius: 50%; background: none transparent; box-shadow: none; overflow: visible; isolation: isolate; color: var(--jn-quick-text); -webkit-text-fill-color: var(--jn-quick-text); font-size: 16px; font-weight: 900; line-height: 1; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-avatar img, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-avatar img { position: relative; z-index: 1; width: 42px; height: 42px; display: block; border-radius: 50%; object-fit: cover; background: rgba(18, 29, 44, 0.42); box-shadow: rgba(148, 163, 184, 0.2) 0px 0px 0px 1px; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-avatar.has-avatar-frame::before, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-avatar.has-avatar-frame::before { content: ""; position: absolute; inset: -4px; z-index: 2; display: block; border: 0px; border-radius: 50%; background: var(--jn-avatar-frame-image,url("/user/assets/avatar-frame-starry.png")) center/100% 100% no-repeat; box-shadow: none; opacity: 1; pointer-events: none; transform: none; filter: drop-shadow(rgba(65, 96, 255, 0.22) 0px 8px 13px); }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-avatar::after, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-avatar::after { content: none; display: none; }

html.jn-light-mode body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-avatar img, html[data-theme="light"] body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-avatar img, body.jn-light-mode:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-avatar img, body[data-theme="light"]:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-avatar img { background: transparent; box-shadow: rgba(15, 23, 42, 0.1) 0px 0px 0px 1px; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-text, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-text { min-width: 0px; display: grid; align-content: center; gap: 6px; visibility: visible; opacity: 1; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-text strong, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-text strong { max-width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--jn-quick-text); -webkit-text-fill-color: var(--jn-quick-text); visibility: visible; opacity: 1; font-size: 15px; font-weight: 900; line-height: 1.12; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-member-tags, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-member-tags { display: flex; flex-wrap: nowrap; gap: 6px; margin-top: 0px; min-width: 0px; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-member-tags span, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-member-tags span { min-width: 0px; max-width: 122px; padding: 0px; border: 0px; border-radius: 0px; background: none transparent; box-shadow: none; color: rgb(203, 213, 225); -webkit-text-fill-color: rgb(203, 213, 225); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; font-weight: 800; line-height: 1.18; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-member-tags .jn-quick-member-role, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-member-tags .jn-quick-member-role { flex: 0 0 auto; max-width: 72px; color: rgb(248, 250, 252); -webkit-text-fill-color: rgb(248, 250, 252); }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-member-tags .jn-quick-member-expire, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-member-tags .jn-quick-member-expire { flex: 1 1 auto; }

html.jn-light-mode body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-member-tags span, html[data-theme="light"] body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-member-tags span, body.jn-light-mode:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-member-tags span, body[data-theme="light"]:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-member-tags span { border: 0px; background: none transparent; box-shadow: none; color: rgb(75, 95, 122); -webkit-text-fill-color: rgb(75, 95, 122); }

html.jn-light-mode body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-member-tags .jn-quick-member-role, html[data-theme="light"] body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-member-tags .jn-quick-member-role, body.jn-light-mode:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-member-tags .jn-quick-member-role, body[data-theme="light"]:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-member-tags .jn-quick-member-role { color: rgb(47, 64, 88); -webkit-text-fill-color: rgb(47, 64, 88); }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance { min-width: 0px; display: grid; grid-template-columns: 1fr; align-content: center; justify-items: end; gap: 2px; padding: 8px 9px; border: 1px solid var(--jn-quick-balance-line); border-radius: 13px; background-image: var(--jn-quick-balance-bg); color: var(--jn-quick-balance-text); box-shadow: rgba(255, 255, 255, 0.08) 0px 1px 0px inset; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance span, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance span { color: var(--jn-quick-balance-muted); -webkit-text-fill-color: var(--jn-quick-balance-muted); opacity: 1; font-size: 9px; line-height: 1; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance b, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance b { color: var(--jn-quick-balance-text); -webkit-text-fill-color: var(--jn-quick-balance-text); font-size: 12px; font-weight: 900; line-height: 1.05; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

html.jn-light-mode body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance, html[data-theme="light"] body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance, body.jn-light-mode:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance, body[data-theme="light"]:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance { border-color: var(--jn-quick-balance-line); background-image: var(--jn-quick-balance-bg); box-shadow: rgba(255, 255, 255, 0.88) 0px 1px 0px inset, rgba(5, 150, 105, 0.08) 0px 8px 18px; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav { flex: 1 1 auto; min-height: 0px; display: block; padding: 0px 14px 10px; overflow: auto; scrollbar-width: thin; scrollbar-color: rgba(148, 163, 184, 0.42) transparent; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav::-webkit-scrollbar, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav::-webkit-scrollbar { width: 4px; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav::-webkit-scrollbar-track, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav::-webkit-scrollbar-track { background: transparent; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav::-webkit-scrollbar-thumb, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav::-webkit-scrollbar-thumb { background: rgba(148, 163, 184, 0.42); border-radius: 999px; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav section, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav section { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; margin: 0px 0px 14px; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav h3, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav h3 { grid-column: 1 / -1; height: 18px; display: flex; align-items: center; gap: 7px; margin: 0px; color: var(--jn-quick-muted); -webkit-text-fill-color: var(--jn-quick-muted); font-size: 11px; font-weight: 900; letter-spacing: 0px; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav h3::before, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav h3::before { content: ""; width: 3px; height: 12px; border-radius: 999px; background: rgb(34, 211, 238); }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav h3::after, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav h3::after { margin-left: auto; color: var(--jn-quick-subtle); -webkit-text-fill-color: var(--jn-quick-subtle); font-size: 9px; font-weight: 900; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav section:nth-of-type(1) h3::after, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav section:nth-of-type(1) h3::after { content: "INTERFACE"; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav section:nth-of-type(2) h3::after, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav section:nth-of-type(2) h3::after { content: "REWARDS"; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav section:nth-of-type(3) h3::after, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav section:nth-of-type(3) h3::after { content: "SUPPORT"; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav section:nth-of-type(4) h3::after, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav section:nth-of-type(4) h3::after { content: "TOOLS"; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card { min-width: 0px; min-height: 66px; display: grid; grid-template-columns: 36px minmax(0px, 1fr); grid-template-rows: auto auto; gap: 3px 9px; align-items: center; padding: 10px; border: 1px solid var(--jn-quick-card-line); border-radius: 15px; background: var(--jn-quick-card); color: var(--jn-quick-text); box-shadow: rgba(255, 255, 255, 0.04) 0px 1px 0px inset; text-align: left; overflow: hidden; transform: none; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card:hover, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card:hover, html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card:focus-visible, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card:focus-visible { background: var(--jn-quick-card-hover); border-color: rgba(125, 211, 252, 0.3); }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i { grid-area: 1 / 1 / 3; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border: 0px; border-radius: 13px; background: linear-gradient(145deg,var(--jn-q1,#38bdf8),var(--jn-q2,#2563eb)); color: rgb(255, 255, 255); -webkit-text-fill-color: rgb(255, 255, 255); font-size: 0px; line-height: 0; font-style: normal; box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 18px; }

html.jn-light-mode body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i, html[data-theme="light"] body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i, body.jn-light-mode:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i, body[data-theme="light"]:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i { border: 0px; color: rgb(255, 255, 255); -webkit-text-fill-color: rgb(255, 255, 255); box-shadow: rgba(15, 23, 42, 0.12) 0px 8px 18px; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card b, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card b { grid-column: 2; min-width: 0px; color: var(--jn-quick-text); -webkit-text-fill-color: var(--jn-quick-text); font-size: 14px; font-weight: 700; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card small, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card small { grid-column: 2; min-width: 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--jn-quick-muted); -webkit-text-fill-color: var(--jn-quick-muted); font-size: 11px; font-weight: 500; line-height: 1.35; overflow: hidden; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card[data-quick-action="theme"], body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card[data-quick-action="theme"] { --jn-q1: #38bdf8; --jn-q2: #7c3aed; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card[data-quick-action="language"], body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card[data-quick-action="language"] { --jn-q1: #22c55e; --jn-q2: #0f766e; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card[data-quick-action="profile"], body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card[data-quick-action="profile"] { --jn-q1: #a78bfa; --jn-q2: #7c3aed; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card[data-quick-action="checkin"], body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card[data-quick-action="checkin"] { --jn-q1: #f59e0b; --jn-q2: #ea580c; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card[data-quick-action="invite"], body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card[data-quick-action="invite"] { --jn-q1: #fb7185; --jn-q2: #db2777; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card[data-quick-action="support"], body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card[data-quick-action="support"] { --jn-q1: #2dd4bf; --jn-q2: #0891b2; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card[data-quick-action="messages"], body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card[data-quick-action="messages"] { --jn-q1: #60a5fa; --jn-q2: #2563eb; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card[data-quick-action="system-notices"], body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card[data-quick-action="system-notices"] { --jn-q1: #22d3ee; --jn-q2: #7c3aed; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card[data-quick-action="api-tokens"], body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card[data-quick-action="api-tokens"] { --jn-q1: #818cf8; --jn-q2: #4f46e5; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card[data-quick-action="payments"], body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card[data-quick-action="payments"] { --jn-q1: #34d399; --jn-q2: #16a34a; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card[data-quick-action="credits"], body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card[data-quick-action="credits"] { --jn-q1: #f97316; --jn-q2: #dc2626; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-badge, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-badge { position: absolute; right: 8px; top: 8px; min-width: 16px; height: 16px; padding: 0px 5px; display: grid; place-items: center; border-radius: 999px; background: rgb(251, 63, 85); color: rgb(255, 255, 255); -webkit-text-fill-color: rgb(255, 255, 255); font-size: 9px; font-weight: 900; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-foot, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-foot { flex: 0 0 auto; padding: 10px 14px 14px; border-top: 1px solid var(--jn-quick-card-line); background: transparent; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-logout, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-logout { height: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--jn-quick-danger-line); border-radius: 14px; background: var(--jn-quick-danger-bg); color: var(--jn-quick-danger-text); -webkit-text-fill-color: var(--jn-quick-danger-text); font-size: 13px; font-weight: 900; text-decoration: none; }

html.jn-huawei-browser body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer, body.jn-huawei-browser:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer { background: var(--jn-quick-panel); backdrop-filter: none; }

@supports ((backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px))){
html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer { background: rgba(16, 23, 35, 0.88); backdrop-filter: blur(18px) saturate(1.06); }
html.jn-light-mode body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer, html[data-theme="light"] body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer, body.jn-light-mode:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer, body[data-theme="light"]:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer { background: rgba(244, 248, 255, 0.9); }
}

@media (max-width: 760px){
html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer { top: 62px; right: 10px; bottom: 10px; width: min(360px, -20px + 100vw); max-height: calc(-72px + 100dvh); border-radius: 18px; }
html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-head, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-head { padding: 10px; grid-template-columns: minmax(0px, 1fr); }
html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card { grid-template-columns: minmax(0px, 1fr) 78px; padding: 8px; gap: 7px; }
html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance { display: grid; padding: 7px; }
html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav { padding: 0px 10px 8px; }
html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav section, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-nav section { gap: 7px; margin-bottom: 12px; }
html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card { min-height: 60px; grid-template-columns: 32px minmax(0px, 1fr); padding: 8px; border-radius: 14px; column-gap: 8px; }
html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i { width: 32px; height: 32px; border-radius: 12px; }
html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i svg, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i svg { width: 18px; height: 18px; flex-basis: 18px; }
html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card b, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card b { font-size: 13px; }
html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card small, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card small { font-size: 10.5px; font-weight: 500; line-height: 1.3; }
}

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card > .jn-quick-balance, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card > .jn-quick-balance { width: 100%; box-sizing: border-box; justify-self: stretch; gap: 3px; padding: 6px 0px 6px 12px; border-style: none none none solid; border-color: currentcolor currentcolor currentcolor rgba(148, 166, 190, 0.18); border-image: initial; border-width: 0px 0px 0px 1px; border-radius: 0px; background: none transparent; box-shadow: none; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card > .jn-quick-balance::after, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card > .jn-quick-balance::after { content: none; display: none; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card > .jn-quick-balance span, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card > .jn-quick-balance span { color: rgb(145, 160, 179); -webkit-text-fill-color: rgb(145, 160, 179); font-weight: 600; letter-spacing: 0px; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card > .jn-quick-balance b, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card > .jn-quick-balance b { color: rgb(238, 243, 249); -webkit-text-fill-color: rgb(238, 243, 249); font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: 0px; }

:is(html.jn-light-mode, html[data-theme="light"]) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card > .jn-quick-balance, body:is(.jn-light-mode, [data-theme="light"]):not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card > .jn-quick-balance { border-width: 0px 0px 0px 1px; border-left-style: solid; border-left-color: rgba(96, 165, 250, 0.12); background: none transparent; box-shadow: none; }

:is(html.jn-light-mode, html[data-theme="light"]) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card > .jn-quick-balance::after, body:is(.jn-light-mode, [data-theme="light"]):not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card > .jn-quick-balance::after { content: none; display: none; }

:is(html.jn-light-mode, html[data-theme="light"]) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card > .jn-quick-balance span, body:is(.jn-light-mode, [data-theme="light"]):not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card > .jn-quick-balance span { color: rgb(113, 135, 163); -webkit-text-fill-color: rgb(113, 135, 163); }

:is(html.jn-light-mode, html[data-theme="light"]) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card > .jn-quick-balance b, body:is(.jn-light-mode, [data-theme="light"]):not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card > .jn-quick-balance b { color: rgb(50, 107, 159); -webkit-text-fill-color: rgb(50, 107, 159); }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-overlay.jn-quick-drawer-overlay, html body:not(.page-admin) .front-profile-layer.front-profile-layer[data-profile-dialog][data-profile-dialog], html body:not(.page-admin) .jn-checkin-layer.jn-checkin-layer[data-checkin-runtime][data-checkin-runtime], html body:not(.page-admin) .jn-checkin-reward-layer.jn-checkin-reward-layer[data-checkin-reward-runtime][data-checkin-reward-runtime], html body:not(.page-admin) .front-resource-layer.front-resource-layer[data-resource-dialog="invite"][data-resource-dialog="invite"], html body:not(.page-admin) .front-resource-layer.front-resource-layer[data-resource-dialog="credits"][data-resource-dialog="credits"], html body:not(.page-admin) .front-resource-layer.front-resource-layer[data-resource-dialog="api-tokens"][data-resource-dialog="api-tokens"], html body:not(.page-admin) .jn-message-layer.jn-message-layer[data-site-message-runtime][data-site-message-runtime], html body:not(.page-admin) [data-front-app-public-root] .jn-system-notice-layer.jn-system-notice-layer:not(.jn-front-announcement-layer):not([data-front-announcement-runtime]), html body:not(.page-admin) [data-front-app-public-root] .front-shop-layer.front-shop-layer, html body:not(.page-admin) [data-front-app-public-root] .front-buy-layer.front-buy-layer, html body:not(.page-admin) [data-front-app-public-root] .jn-payment-layer.jn-payment-layer, html body:not(.page-admin) .jn-payment-layer.jn-payment-layer[data-jn-payment-dialog][data-jn-payment-dialog], html body:not(.page-admin) .front-resource-layer.front-resource-layer[data-resource-dialog="api-tokens"][data-resource-dialog="api-tokens"] .jn-api-key-dialog.jn-api-key-dialog, html body:not(.page-admin) #jnCustomerServiceRuntime#jnCustomerServiceRuntime#jnCustomerServiceRuntime[data-customer-service-runtime] .customer-modal-overlay.customer-modal-overlay[data-customer-overlay] { background: none transparent; backdrop-filter: none; }

html.jn-browser-compat body:not(.page-admin) .jn-quick-drawer { max-height: calc(var(--jn-compat-viewport-height, 100vh) - 12px - var(--jn-compat-safe-top, 0px) - var(--jn-compat-safe-bottom, 0px)); }

html.jn-browser-compat body:not(.page-admin) .jn-quick-drawer-nav, html.jn-browser-compat body:not(.page-admin) .ai-video-select-popover, html.jn-browser-compat body:not(.page-admin) .dropdown-menu, html.jn-browser-compat body:not(.page-admin) [role="listbox"] { max-height: calc(var(--jn-compat-viewport-height, 100vh) - 32px - var(--jn-compat-safe-top, 0px) - var(--jn-compat-safe-bottom, 0px)); overflow-y: auto; overscroll-behavior: contain; }

html.jn-light-mode .jn-quick-drawer, html.jn-light-mode .jn-quick-drawer-inner, html.jn-light-mode .front-resource-modal, html.jn-light-mode .front-profile-modal, html.jn-light-mode .front-shop-modal, html.jn-light-mode .front-buy-panel, html.jn-light-mode .jn-message-modal, html.jn-light-mode .jn-checkin-modal, html.jn-light-mode .customer-modal, html.jn-light-mode .account-bind-modal, body.jn-light-mode .jn-quick-drawer, body.jn-light-mode .jn-quick-drawer-inner, body.jn-light-mode .front-resource-modal, body.jn-light-mode .front-profile-modal, body.jn-light-mode .front-shop-modal, body.jn-light-mode .front-buy-panel, body.jn-light-mode .jn-message-modal, body.jn-light-mode .jn-checkin-modal, body.jn-light-mode .customer-modal, body.jn-light-mode .account-bind-modal { background: rgb(255, 255, 255); color: rgb(15, 23, 42); border-color: rgba(15, 23, 42, 0.12); box-shadow: rgba(15, 23, 42, 0.16) 0px 28px 80px; }

html.jn-light-mode .jn-quick-drawer-overlay, html.jn-light-mode .front-resource-layer, html.jn-light-mode .front-profile-layer, html.jn-light-mode .front-shop-layer, html.jn-light-mode .front-buy-layer, html.jn-light-mode .jn-message-layer, html.jn-light-mode .jn-checkin-layer, html.jn-light-mode .customer-modal-overlay, body.jn-light-mode .jn-quick-drawer-overlay, body.jn-light-mode .front-resource-layer, body.jn-light-mode .front-profile-layer, body.jn-light-mode .front-shop-layer, body.jn-light-mode .front-buy-layer, body.jn-light-mode .jn-message-layer, body.jn-light-mode .jn-checkin-layer, body.jn-light-mode .customer-modal-overlay { background: rgba(226, 232, 240, 0.72); backdrop-filter: blur(12px); }

html.jn-light-mode h1, html.jn-light-mode h2, html.jn-light-mode h3, html.jn-light-mode h4, html.jn-light-mode .page-hd h1, html.jn-light-mode .card-v3-head h3, html.jn-light-mode .sidebar-brand-text h1, html.jn-light-mode .sidebar-user-info strong, html.jn-light-mode .jn-quick-card b, html.jn-light-mode .jn-quick-drawer-head h2, html.jn-light-mode .front-resource-head h2, html.jn-light-mode .front-resource-row strong, html.jn-light-mode .front-stat-card strong, html.jn-light-mode .front-profile-top h2, html.jn-light-mode .front-profile-row-value, html.jn-light-mode .jn-message-head h2, html.jn-light-mode .jn-message-main strong, html.jn-light-mode .chat-sidebar-title, html.jn-light-mode .chat-conv-title, html.jn-light-mode .chat-topbar-title, html.jn-light-mode .chat-welcome-heading, html.jn-light-mode .media-card .prompt, body.jn-light-mode h1, body.jn-light-mode h2, body.jn-light-mode h3, body.jn-light-mode h4, body.jn-light-mode .page-hd h1, body.jn-light-mode .card-v3-head h3, body.jn-light-mode .sidebar-brand-text h1, body.jn-light-mode .sidebar-user-info strong, body.jn-light-mode .jn-quick-card b, body.jn-light-mode .jn-quick-drawer-head h2, body.jn-light-mode .front-resource-head h2, body.jn-light-mode .front-resource-row strong, body.jn-light-mode .front-stat-card strong, body.jn-light-mode .front-profile-top h2, body.jn-light-mode .front-profile-row-value, body.jn-light-mode .jn-message-head h2, body.jn-light-mode .jn-message-main strong, body.jn-light-mode .chat-sidebar-title, body.jn-light-mode .chat-conv-title, body.jn-light-mode .chat-topbar-title, body.jn-light-mode .chat-welcome-heading, body.jn-light-mode .media-card .prompt { color: rgb(15, 23, 42); }

html.jn-light-mode p, html.jn-light-mode .muted, html.jn-light-mode .sub, html.jn-light-mode .eyebrow, html.jn-light-mode .page-hd p, html.jn-light-mode .sidebar-brand-text small, html.jn-light-mode .sidebar-user-info span, html.jn-light-mode .jn-quick-card small, html.jn-light-mode .jn-quick-drawer-nav h3, html.jn-light-mode .jn-quick-drawer-head p, html.jn-light-mode .front-resource-head p, html.jn-light-mode .front-resource-row span, html.jn-light-mode .front-profile-row-label, html.jn-light-mode .jn-message-head p, html.jn-light-mode .jn-message-main time, html.jn-light-mode .chat-sidebar-empty, html.jn-light-mode .chat-conv-meta, html.jn-light-mode .chat-welcome-text, html.jn-light-mode .media-card .meta, body.jn-light-mode p, body.jn-light-mode .muted, body.jn-light-mode .sub, body.jn-light-mode .eyebrow, body.jn-light-mode .page-hd p, body.jn-light-mode .sidebar-brand-text small, body.jn-light-mode .sidebar-user-info span, body.jn-light-mode .jn-quick-card small, body.jn-light-mode .jn-quick-drawer-nav h3, body.jn-light-mode .jn-quick-drawer-head p, body.jn-light-mode .front-resource-head p, body.jn-light-mode .front-resource-row span, body.jn-light-mode .front-profile-row-label, body.jn-light-mode .jn-message-head p, body.jn-light-mode .jn-message-main time, body.jn-light-mode .chat-sidebar-empty, body.jn-light-mode .chat-conv-meta, body.jn-light-mode .chat-welcome-text, body.jn-light-mode .media-card .meta { color: rgb(100, 116, 139); }

html.jn-light-mode :is(.jn-quick-drawer, .front-resource-modal, .front-profile-modal, .front-shop-modal, .front-buy-panel, .jn-message-modal, .jn-checkin-modal, .customer-modal, .account-bind-modal) :is(.btn:not(.primary):not(.danger), .page-btn:not(.primary), button:not(.jn-quick-card):not(.front-shop-tab):not(.front-profile-id):not(.front-profile-close-btn):not([data-action]):not([data-quick-drawer-close]):not([data-open-profile-dialog]):not([type="submit"])), body.jn-light-mode :is(.jn-quick-drawer, .front-resource-modal, .front-profile-modal, .front-shop-modal, .front-buy-panel, .jn-message-modal, .jn-checkin-modal, .customer-modal, .account-bind-modal) :is(.btn:not(.primary):not(.danger), .page-btn:not(.primary), button:not(.jn-quick-card):not(.front-shop-tab):not(.front-profile-id):not(.front-profile-close-btn):not([data-action]):not([data-quick-drawer-close]):not([data-open-profile-dialog]):not([type="submit"])) { background: rgb(238, 242, 247); border-color: rgba(15, 23, 42, 0.12); color: rgb(15, 23, 42); box-shadow: none; }

html.jn-light-mode .jn-quick-card, html.jn-light-mode .front-resource-row, html.jn-light-mode .front-stat-card, html.jn-light-mode .jn-message-item, html.jn-light-mode .front-profile-inline-panel, html.jn-light-mode .jn-work-card, html.jn-light-mode .front-shop-card, html.jn-light-mode .front-buy-row, body.jn-light-mode .jn-quick-card, body.jn-light-mode .front-resource-row, body.jn-light-mode .front-stat-card, body.jn-light-mode .jn-message-item, body.jn-light-mode .front-profile-inline-panel, body.jn-light-mode .jn-work-card, body.jn-light-mode .front-shop-card, body.jn-light-mode .front-buy-row { background: rgb(248, 250, 252); border-color: rgba(15, 23, 42, 0.1); color: rgb(15, 23, 42); box-shadow: none; }

html.jn-light-mode .jn-quick-drawer-trigger, body.jn-light-mode .jn-quick-drawer-trigger { background: linear-gradient(145deg, rgb(255, 255, 255), rgb(224, 242, 254)); color: rgb(3, 105, 161); border-color: rgba(14, 165, 233, 0.3); box-shadow: rgba(15, 23, 42, 0.12) 0px 10px 30px, rgba(255, 255, 255, 0.95) 0px 1px 0px inset; }

html.jn-light-mode .front-shop-modal, html.jn-light-mode .front-buy-panel, html.jn-light-mode .front-profile-modal, html.jn-light-mode .front-resource-modal, html.jn-light-mode .jn-message-modal, html.jn-light-mode .jn-checkin-modal, html.jn-light-mode .jn-quick-drawer, html.jn-light-mode .customer-modal, html.jn-light-mode .account-bind-modal, body.jn-light-mode .front-shop-modal, body.jn-light-mode .front-buy-panel, body.jn-light-mode .front-profile-modal, body.jn-light-mode .front-resource-modal, body.jn-light-mode .jn-message-modal, body.jn-light-mode .jn-checkin-modal, body.jn-light-mode .jn-quick-drawer, body.jn-light-mode .customer-modal, body.jn-light-mode .account-bind-modal { background: none rgb(255, 255, 255); color: rgb(15, 23, 42); border-color: rgba(15, 23, 42, 0.12); box-shadow: rgba(15, 23, 42, 0.16) 0px 28px 80px; }

html.jn-light-mode .front-shop-layer, html.jn-light-mode .front-buy-layer, html.jn-light-mode .front-profile-layer, html.jn-light-mode .front-resource-layer, html.jn-light-mode .jn-message-layer, html.jn-light-mode .jn-checkin-layer, html.jn-light-mode .jn-quick-drawer-overlay, html.jn-light-mode .customer-modal-overlay, body.jn-light-mode .front-shop-layer, body.jn-light-mode .front-buy-layer, body.jn-light-mode .front-profile-layer, body.jn-light-mode .front-resource-layer, body.jn-light-mode .jn-message-layer, body.jn-light-mode .jn-checkin-layer, body.jn-light-mode .jn-quick-drawer-overlay, body.jn-light-mode .customer-modal-overlay { background: none rgba(226, 232, 240, 0.74); backdrop-filter: blur(12px); }

body.front-creative-page .jn-quick-drawer-trigger { position: fixed; inset: 18px 20px auto auto; width: 51px; height: 51px; min-width: 51px; min-height: 51px; margin: 0px; padding: 0px; display: grid; place-items: center; visibility: visible; opacity: 1; pointer-events: auto; z-index: 100080; border-radius: 50%; overflow: visible; isolation: isolate; transform: none; }

body:not(.page-admin) .jn-quick-drawer-trigger { position: fixed; inset: 18px 20px auto auto; margin: 0px; z-index: 100080; transform: none; }

html body .trigger-unread-dot { animation: auto ease 0s 1 normal none running none; transform: none; }

html.jn-light-mode body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body.jn-light-mode:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body[data-theme="light"]:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger { background: none rgb(255, 255, 255); border-color: rgba(15, 23, 42, 0.12); color: rgb(15, 23, 42); box-shadow: rgba(15, 23, 42, 0.12) 0px 10px 26px, rgba(255, 255, 255, 0.94) 0px 1px 0px inset; }

html.jn-light-mode body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-halo.trigger-halo, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-halo.trigger-halo, body.jn-light-mode:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-halo.trigger-halo { opacity: 0.28; filter: blur(8px); }

html.jn-light-mode body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-unread-dot.trigger-unread-dot, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-unread-dot.trigger-unread-dot, body.jn-light-mode:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger > .trigger-unread-dot.trigger-unread-dot, html.jn-light-mode body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger.has-reminder::after, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger.has-reminder::after, body.jn-light-mode:not(.page-admin) .jn-quick-drawer-trigger.jn-quick-drawer-trigger.has-reminder::after { background: rgb(239, 68, 68); border-color: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.98) 0px 0px 0px 3px, rgba(239, 68, 68, 0.5) 0px 0px 12px; }

html.jn-light-mode body:not(.page-admin) .jn-quick-drawer, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer, body.jn-light-mode:not(.page-admin) .jn-quick-drawer { background: none rgb(255, 255, 255); border-color: rgba(15, 23, 42, 0.1); color: rgb(15, 23, 42); box-shadow: rgba(15, 23, 42, 0.18) 0px 28px 78px; }

html.jn-light-mode body:not(.page-admin) .jn-quick-drawer-inner, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer-inner, body.jn-light-mode:not(.page-admin) .jn-quick-drawer-inner, html.jn-light-mode body:not(.page-admin) :is(.jn-quick-drawer-head, .jn-quick-drawer-foot), html[data-theme="light"] body:not(.page-admin) :is(.jn-quick-drawer-head, .jn-quick-drawer-foot), body.jn-light-mode:not(.page-admin) :is(.jn-quick-drawer-head, .jn-quick-drawer-foot) { background: none rgb(255, 255, 255); border-color: rgba(15, 23, 42, 0.08); color: rgb(15, 23, 42); box-shadow: none; }

html.jn-light-mode body:not(.page-admin) :is(.jn-quick-profile-card, .jn-quick-balance, .jn-quick-card), html[data-theme="light"] body:not(.page-admin) :is(.jn-quick-profile-card, .jn-quick-balance, .jn-quick-card), body.jn-light-mode:not(.page-admin) :is(.jn-quick-profile-card, .jn-quick-balance, .jn-quick-card) { background: none rgb(248, 250, 252); border-color: rgba(15, 23, 42, 0.1); color: rgb(15, 23, 42); box-shadow: none; text-shadow: none; }

html.jn-light-mode body:not(.page-admin) :is(.jn-quick-profile-text strong, .jn-quick-card b), html[data-theme="light"] body:not(.page-admin) :is(.jn-quick-profile-text strong, .jn-quick-card b), body.jn-light-mode:not(.page-admin) :is(.jn-quick-profile-text strong, .jn-quick-card b) { color: rgb(15, 23, 42); -webkit-text-fill-color: rgb(15, 23, 42); }

html.jn-light-mode body:not(.page-admin) :is(.jn-quick-profile-text small, .jn-quick-card small, .jn-quick-drawer-nav h3), html[data-theme="light"] body:not(.page-admin) :is(.jn-quick-profile-text small, .jn-quick-card small, .jn-quick-drawer-nav h3), body.jn-light-mode:not(.page-admin) :is(.jn-quick-profile-text small, .jn-quick-card small, .jn-quick-drawer-nav h3) { color: rgb(100, 116, 139); -webkit-text-fill-color: rgb(100, 116, 139); }

body:not(.page-admin) .jn-quick-card i { display: grid; place-items: center; align-self: center; line-height: 1; text-align: center; transform: none; }

html.jn-light-mode body:not(.page-admin) .jn-quick-card i, html[data-theme="light"] body:not(.page-admin) .jn-quick-card i, body.jn-light-mode:not(.page-admin) .jn-quick-card i { background: none rgb(238, 242, 247); color: rgb(51, 65, 85); border-color: rgba(15, 23, 42, 0.1); box-shadow: none; }

html.jn-light-mode body:not(.page-admin) .jn-quick-logout, html[data-theme="light"] body:not(.page-admin) .jn-quick-logout, body.jn-light-mode:not(.page-admin) .jn-quick-logout { background: none rgb(255, 247, 247); border: 1px solid rgba(220, 38, 38, 0.12); color: rgb(185, 28, 28); -webkit-text-fill-color: rgb(185, 28, 28); box-shadow: none; }

@media (max-width: 760px){
html.jn-light-mode body:not(.page-admin) .jn-quick-drawer, html[data-theme="light"] body:not(.page-admin) .jn-quick-drawer, body.jn-light-mode:not(.page-admin) .jn-quick-drawer { width: min(360px, -18px + 100vw); }
}

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer.jn-quick-drawer, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer.jn-quick-drawer { border: 1px solid var(--jn-quick-line); background-image: none; color: var(--jn-quick-text); box-shadow: var(--jn-quick-shadow); }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer .jn-quick-drawer-inner, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer .jn-quick-drawer-inner, html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer :is(.jn-quick-drawer-head, .jn-quick-drawer-foot), body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer :is(.jn-quick-drawer-head, .jn-quick-drawer-foot) { background-image: none; border-color: var(--jn-quick-line); color: var(--jn-quick-text); box-shadow: none; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer :is(.jn-quick-profile-card, .jn-quick-balance, .jn-quick-card), body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer :is(.jn-quick-profile-card, .jn-quick-balance, .jn-quick-card) { border: 1px solid var(--jn-quick-line); background-image: none; color: var(--jn-quick-text); box-shadow: none; text-shadow: none; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer .jn-quick-card:hover, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer .jn-quick-card:hover { border-color: var(--jn-quick-line-strong); background-image: none; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer :is(.jn-quick-profile-text strong, .jn-quick-card b), body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer :is(.jn-quick-profile-text strong, .jn-quick-card b) { color: var(--jn-quick-text); -webkit-text-fill-color: var(--jn-quick-text); text-shadow: none; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer :is(.jn-quick-profile-text small, .jn-quick-card small, .jn-quick-drawer-nav h3), body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer :is(.jn-quick-profile-text small, .jn-quick-card small, .jn-quick-drawer-nav h3) { color: var(--jn-quick-muted); -webkit-text-fill-color: var(--jn-quick-muted); text-shadow: none; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer .jn-quick-card i, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer .jn-quick-card i { display: grid; place-items: center; align-self: center; border: 1px solid var(--jn-quick-line-strong); background-image: none; color: var(--jn-quick-icon-text); -webkit-text-fill-color: var(--jn-quick-icon-text); box-shadow: none; line-height: 1; text-align: center; text-shadow: none; transform: none; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer .jn-quick-badge, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer .jn-quick-badge { background: rgb(239, 68, 68); color: rgb(255, 255, 255); -webkit-text-fill-color: rgb(255, 255, 255); box-shadow: 0 0 0 2px var(--jn-quick-card); }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer .jn-quick-logout, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer .jn-quick-logout { border: 1px solid var(--jn-quick-danger-line); background-image: none; color: var(--jn-quick-danger-text); -webkit-text-fill-color: var(--jn-quick-danger-text); box-shadow: none; text-shadow: none; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer.jn-quick-drawer { border: 1px solid var(--jn-quick-line); background-image: none; color: var(--jn-quick-text); box-shadow: var(--jn-quick-shadow); }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer .jn-quick-drawer-inner, html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer :is(.jn-quick-drawer-head, .jn-quick-drawer-foot) { background-image: none; border-color: var(--jn-quick-line); color: var(--jn-quick-text); box-shadow: none; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer :is(.jn-quick-profile-card, .jn-quick-balance, .jn-quick-card) { border: 1px solid var(--jn-quick-line); background-image: none; color: var(--jn-quick-text); box-shadow: none; text-shadow: none; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer .jn-quick-card:hover { border-color: var(--jn-quick-line-strong); background-image: none; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer :is(.jn-quick-profile-text strong, .jn-quick-card b) { color: var(--jn-quick-text); -webkit-text-fill-color: var(--jn-quick-text); text-shadow: none; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer :is(.jn-quick-profile-text small, .jn-quick-card small, .jn-quick-drawer-nav h3) { color: var(--jn-quick-muted); -webkit-text-fill-color: var(--jn-quick-muted); text-shadow: none; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer .jn-quick-card i { border: 1px solid var(--jn-quick-line-strong); background-image: none; color: var(--jn-quick-icon-text); -webkit-text-fill-color: var(--jn-quick-icon-text); box-shadow: none; text-shadow: none; }

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer .jn-quick-logout { border: 1px solid var(--jn-quick-danger-line); background-image: none; color: var(--jn-quick-danger-text); -webkit-text-fill-color: var(--jn-quick-danger-text); box-shadow: none; text-shadow: none; }

html.jn-light-mode body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer, html[data-theme="light"] body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer, body.jn-light-mode:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer, body[data-theme="light"]:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer { border: 1px solid rgba(15, 23, 42, 0.1); background: rgba(244, 248, 255, 0.9); color: rgb(15, 23, 42); box-shadow: rgba(15, 23, 42, 0.16) 0px 26px 72px, rgba(255, 255, 255, 0.88) 0px 1px 0px inset; }

html.jn-light-mode body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-drawer-inner, .jn-quick-drawer-head, .jn-quick-drawer-foot), html[data-theme="light"] body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-drawer-inner, .jn-quick-drawer-head, .jn-quick-drawer-foot), body.jn-light-mode:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-drawer-inner, .jn-quick-drawer-head, .jn-quick-drawer-foot), body[data-theme="light"]:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-drawer-inner, .jn-quick-drawer-head, .jn-quick-drawer-foot) { background: none rgb(248, 251, 255); border-color: rgba(15, 23, 42, 0.1); color: rgb(15, 23, 42); box-shadow: none; }

html.jn-light-mode body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-profile-card, .jn-quick-balance, .jn-quick-card), html[data-theme="light"] body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-profile-card, .jn-quick-balance, .jn-quick-card), body.jn-light-mode:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-profile-card, .jn-quick-balance, .jn-quick-card), body[data-theme="light"]:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-profile-card, .jn-quick-balance, .jn-quick-card) { border: 1px solid rgba(15, 23, 42, 0.1); background: none rgb(255, 255, 255); color: rgb(15, 23, 42); box-shadow: none; text-shadow: none; }

html.jn-light-mode body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-profile-text strong, .jn-quick-card b), html[data-theme="light"] body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-profile-text strong, .jn-quick-card b), body.jn-light-mode:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-profile-text strong, .jn-quick-card b), body[data-theme="light"]:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-profile-text strong, .jn-quick-card b) { color: rgb(15, 23, 42); -webkit-text-fill-color: rgb(15, 23, 42); text-shadow: none; }

html.jn-light-mode body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-profile-text small, .jn-quick-card small, .jn-quick-drawer-nav h3), html[data-theme="light"] body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-profile-text small, .jn-quick-card small, .jn-quick-drawer-nav h3), body.jn-light-mode:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-profile-text small, .jn-quick-card small, .jn-quick-drawer-nav h3), body[data-theme="light"]:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-profile-text small, .jn-quick-card small, .jn-quick-drawer-nav h3) { color: rgb(100, 116, 139); -webkit-text-fill-color: rgb(100, 116, 139); text-shadow: none; }

html.jn-light-mode body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i, html[data-theme="light"] body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i, body.jn-light-mode:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i, body[data-theme="light"]:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i { border: 1px solid rgba(37, 99, 235, 0.16); background: none rgb(238, 246, 255); color: rgb(37, 99, 235); -webkit-text-fill-color: rgb(37, 99, 235); box-shadow: none; text-shadow: none; }

html.jn-light-mode body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-logout, html[data-theme="light"] body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-logout, body.jn-light-mode:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-logout, body[data-theme="light"]:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-logout { border: 1px solid rgba(220, 38, 38, 0.13); background: none rgb(255, 247, 247); color: rgb(185, 28, 28); -webkit-text-fill-color: rgb(185, 28, 28); box-shadow: none; text-shadow: none; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer { top: 76px; right: 18px; bottom: 18px; width: min(384px, -28px + 100vw); max-height: calc(-94px + 100dvh); border: 1px solid var(--jn-quick-card-line); border-radius: 20px; background: var(--jn-quick-panel); color: var(--jn-quick-text); box-shadow: var(--jn-quick-shadow); overflow: hidden; transform: translateZ(0px); }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-avatar, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-avatar { position: relative; width: 52px; height: 52px; min-width: 52px; min-height: 52px; flex: 0 0 52px; display: grid; place-items: center; border: 0px; border-radius: 50%; background: none transparent; box-shadow: none; overflow: visible; isolation: isolate; color: var(--jn-quick-text); -webkit-text-fill-color: var(--jn-quick-text); font-size: 16px; font-weight: 900; line-height: 1; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-avatar img, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-avatar img { position: relative; z-index: 1; width: 42px; height: 42px; display: block; border-radius: 50%; object-fit: cover; background: rgba(15, 23, 42, 0.34); box-shadow: rgba(148, 163, 184, 0.2) 0px 0px 0px 1px; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-avatar.has-avatar-frame::before, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-avatar.has-avatar-frame::before { content: ""; position: absolute; inset: -4px; z-index: 2; display: block; width: auto; height: auto; min-width: 0px; min-height: 0px; margin: 0px; padding: 0px; border: 0px; border-radius: 50%; background: var(--jn-avatar-frame-image,url("/user/assets/avatar-frame-starry.png")) center/100% 100% no-repeat; box-shadow: none; opacity: 1; pointer-events: none; transform: none; filter: drop-shadow(rgba(65, 96, 255, 0.22) 0px 8px 13px); }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-avatar:not(.has-avatar-frame)::before, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-avatar:not(.has-avatar-frame)::before { content: ""; position: absolute; inset: 3px; z-index: 0; display: block; border-radius: 50%; background: linear-gradient(145deg, rgba(34, 211, 238, 0.28), rgba(124, 58, 237, 0.18)); box-shadow: rgba(148, 163, 184, 0.2) 0px 0px 0px 1px inset; pointer-events: none; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-text, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-text { min-width: 0px; max-width: none; display: grid; align-content: center; gap: 6px; visibility: visible; opacity: 1; color: var(--jn-quick-text); }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-text strong, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-text strong { max-width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; visibility: visible; opacity: 1; color: var(--jn-quick-text); -webkit-text-fill-color: var(--jn-quick-text); font-size: 15px; font-weight: 900; line-height: 1.12; }

html.jn-light-mode body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-member-tags span, html[data-theme="light"] body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-member-tags span, body.jn-light-mode:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-member-tags span, body[data-theme="light"]:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-member-tags span { border: 0px; background: none transparent; color: rgb(75, 95, 122); -webkit-text-fill-color: rgb(75, 95, 122); }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance span, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance span, html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance b, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance b { color: var(--jn-quick-balance-text); -webkit-text-fill-color: var(--jn-quick-balance-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance span, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance span { opacity: 1; color: var(--jn-quick-balance-muted); -webkit-text-fill-color: var(--jn-quick-balance-muted); font-size: 9px; line-height: 1; }

html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance b, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance b { font-size: 12px; font-weight: 900; line-height: 1.05; }

html.jn-light-mode body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i, html[data-theme="light"] body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i, body.jn-light-mode:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i, body[data-theme="light"]:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-card i { border: 0px; background: linear-gradient(145deg,var(--jn-q1,#38bdf8),var(--jn-q2,#2563eb)); color: rgb(255, 255, 255); -webkit-text-fill-color: rgb(255, 255, 255); box-shadow: rgba(15, 23, 42, 0.12) 0px 8px 18px; }

:is(html.jn-light-mode,html[data-theme="light"]) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card, body:is(.jn-light-mode,[data-theme="light"]):not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card { border: 1px solid rgba(87, 112, 151, 0.2); background: linear-gradient(135deg, rgba(238, 246, 255, 0.96), rgba(221, 234, 252, 0.92)); box-shadow: rgba(255, 255, 255, 0.96) 0px 1px 0px 0px inset, rgba(15, 23, 42, 0.08) 0px 12px 26px 0px; }
:is(html.jn-light-mode,html[data-theme="light"]) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-profile,.jn-quick-profile-card .jn-quick-profile-text), body:is(.jn-light-mode,[data-theme="light"]):not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer :is(.jn-quick-profile,.jn-quick-profile-card .jn-quick-profile-text) { color: rgb(19, 32, 51); -webkit-text-fill-color: rgb(19, 32, 51); }
:is(html.jn-light-mode,html[data-theme="light"]) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance, body:is(.jn-light-mode,[data-theme="light"]):not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-balance { border-top-color: rgba(5, 150, 105, 0.2); border-right-color: rgba(5, 150, 105, 0.2); border-bottom-color: rgba(5, 150, 105, 0.2); }
:is(html.jn-light-mode,html[data-theme="light"]) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-badge, body:is(.jn-light-mode,[data-theme="light"]):not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-badge { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; }
:is(html.jn-light-mode,html[data-theme="light"]) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-foot, body:is(.jn-light-mode,[data-theme="light"]):not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-drawer-foot { border-top: 1px solid rgba(15, 23, 42, 0.1); }

@media (max-width: 760px){
html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger { position: fixed; top: max(10px,env(safe-area-inset-top,0px)); right: max(8px,env(safe-area-inset-right,0px)); left: auto; bottom: auto; width: 46px; height: 46px; min-width: 46px; min-height: 46px; max-width: 46px; max-height: 46px; margin: 0px; padding: 0px; visibility: visible; opacity: 1; pointer-events: auto; transform: translate3d(0px, 0px, 0px); z-index: 100200; }
html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger:hover, html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger:focus-visible, html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"], body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger:hover, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger:focus-visible, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded="true"] { opacity: 1; pointer-events: auto; transform: translate3d(0px, 0px, 0px) scale(1.02); }
html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-overlay.jn-quick-drawer-overlay, body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-overlay.jn-quick-drawer-overlay { position: fixed; inset: 0px; z-index: 2147483610; }
html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer.jn-quick-drawer, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer.jn-quick-drawer { position: fixed; top: calc(max(10px,env(safe-area-inset-top,0px)) + 56px); right: max(8px,env(safe-area-inset-right,0px)); left: auto; bottom: auto; width: min(340px, -24px + 100vw); min-width: 0px; max-width: calc(-24px + 100vw); height: auto; max-height: calc(-78px + 100dvh); border-radius: 18px; overflow: hidden; z-index: 2147483615; }
html body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer.jn-quick-drawer.is-open, body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer.jn-quick-drawer.jn-quick-drawer.is-open { transform: translate3d(0px, 0px, 0px); }
html body.has-dialog:not(.page-admin):not(.front-creative-page):not(#jnQuickDialogHideA):not(#jnQuickDialogHideB):not(#jnQuickDialogHideC):not(#jnQuickDialogHideD) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger, body.has-dialog:not(.page-admin):not(.front-creative-page):not(#jnQuickDialogHideA):not(#jnQuickDialogHideB):not(#jnQuickDialogHideC):not(#jnQuickDialogHideD) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger { display: grid; visibility: visible; opacity: 1; pointer-events: auto; z-index: 100200; }
}

html body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded=true], body:not(.page-admin) [data-front-app-public-root] .jn-quick-drawer-trigger.jn-quick-drawer-trigger[aria-expanded=true] { z-index: 2147483647; }

@keyframes jnQuickReplicaHaloSpinSmooth { 
  100% { transform: rotate(360deg); }
}

.jn-quick-drawer .jn-quick-profile-text small {
  font-size: 10px;
  line-height: 1.15;
}

@keyframes jnQuickReplicaDotPulse { 
  0%, 100% { transform: scale(0.92); opacity: 0.88; }
  50% { transform: scale(1.12); opacity: 1; }
}

@keyframes jnQuickReplicaHaloSpin { 
  100% { transform: rotate(360deg); }
}

@keyframes jnQuickReplicaDotPulse { 
  0%, 100% { transform: scale(0.92); opacity: 0.88; }
  50% { transform: scale(1.12); opacity: 1; }
}

@keyframes jnQuickReplicaHaloSpinSmooth { 
  100% { transform: rotate(360deg); }
}

@keyframes jnQuickReminderBreath { 
  0%, 100% { opacity: 0.86; transform: scale(0.92); box-shadow: rgba(255, 77, 95, 0.36) 0px 0px 0px 0px, rgba(255, 77, 95, 0.58) 0px 0px 12px; }
  50% { opacity: 1; transform: scale(1.12); box-shadow: rgba(255, 77, 95, 0) 0px 0px 0px 7px, rgba(255, 77, 95, 0.86) 0px 0px 20px; }
}

@keyframes jnQuickIconHover { 
  0%, 100% { transform: translateX(0px) translateY(0px) rotate(0deg) scale(1); }
  30% { transform: translateX(1px) translateY(-1px) rotate(10deg) scale(1.06); }
  66% { transform: translateX(-1px) translateY(1px) rotate(-8deg) scale(1.04); }
}

@keyframes jnQuickReminderBreath { 
  0%, 100% { opacity: 0.84; transform: scale(0.92); box-shadow: rgba(255, 64, 88, 0.38) 0px 0px 0px 0px, rgba(255, 64, 88, 0.6) 0px 0px 12px; }
  50% { opacity: 1; transform: scale(1.13); box-shadow: rgba(255, 64, 88, 0) 0px 0px 0px 7px, rgba(255, 64, 88, 0.86) 0px 0px 20px; }
}

@keyframes jnQuickReplicaHaloSpin { 
  100% { transform: rotate(360deg); }
}

@keyframes jnQuickReplicaDotPulse { 
  0%, 100% { transform: scale(0.92); opacity: 0.88; }
  50% { transform: scale(1.12); opacity: 1; }
}

@keyframes jnQuickReplicaHaloSpinSmooth { 
  100% { transform: rotate(360deg); }
}

:is(html.jn-light-mode,html[data-theme="light"]) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card, body:is(.jn-light-mode,[data-theme="light"]):not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-profile-card { border: 1px solid var(--front-account-line); background: var(--front-account-surface); box-shadow: var(--front-account-shadow); }

:is(html.jn-light-mode,html[data-theme="light"]) body:not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-logout, body:is(.jn-light-mode,[data-theme="light"]):not(.page-admin) [data-front-app-public-root] #jnFrontPublicQuickDrawer .jn-quick-logout { border: 1px solid rgba(220, 38, 38, 0.13); background: linear-gradient(135deg, rgba(255, 247, 247, 0.98), rgba(255, 237, 239, 0.94)); color: rgb(185, 28, 28); -webkit-text-fill-color: rgb(185, 28, 28); box-shadow: var(--front-account-shadow); }