html,body{margin:0;padding:0;background:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overflow:hidden}
.jk-film{position:relative;width:100%;max-width:480px;aspect-ratio:480/416;overflow:hidden;border-radius:24px;background:var(--jk-color-blue-10);font:400 16px/24px var(--jk-font-family-primary);color:var(--jk-color-black-100);isolation:isolate}
.jk-film *{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}.jk-film p,.jk-film ul{margin:0}.jk-film ul{padding:0 0 0 24px;font-size:16px;line-height:24px}.jk-film li{margin-inline-start:0!important}.jk-film img{display:block}
.jk-stage{position:absolute;inset:0 auto auto 0;width:480px;height:416px;transform-origin:0 0;overflow:hidden}
.jk-scene{position:absolute;inset:0;opacity:0;pointer-events:none}.jk-create{opacity:1}
.jk-vacancy-form{left:24px!important;top:24px!important;width:432px!important;transform-origin:0 0}.jk-title-field{position:relative;width:432px;height:48px;flex-shrink:0}
.jk-input-surface{position:absolute;inset:0;background:var(--jk-color-white);border-radius:12px;box-shadow:inset 0 0 0 1px var(--jk-color-black-40);transform:translate(56px,160px) scaleX(.571428571);transform-origin:0 50%}
.jk-input-focus{position:absolute;inset:0;border-radius:12px;box-shadow:inset 0 0 0 2px var(--jk-color-blue-40)}
.jk-input-content{position:absolute;left:16px;top:12px;height:24px;white-space:nowrap;font-size:16px;line-height:24px;transform:translate(56px,160px)}
.jk-caret{display:inline-block;color:var(--jk-color-blue-40);margin-left:1px}.jk-title-text{font-weight:400}
.jk-description-block,.jk-description-surface,.jk-publish-action{opacity:0}.jk-description-surface{border-width:0!important;box-shadow:inset 0 0 0 1px var(--jk-color-black-40)}
.jk-generated-text{clip-path:inset(0 0 100% 0)}.jk-ai-dots{margin-left:auto;display:flex;align-items:center;gap:4px;height:24px}.jk-ai-dots i{display:block;width:4px;height:4px;border-radius:99px;background:var(--jk-color-blue-50)}
.jk-publication-counter,.jk-response-counter{position:absolute;left:12px;top:0;font:600 16px/24px var(--jk-font-family-primary);font-variant-numeric:tabular-nums;white-space:nowrap}
.jk-platform{border-width:0!important;box-shadow:none;transform-origin:216px 26px}
.jk-platform-badge{transition:background-color 160ms ease,color 160ms ease}.jk-platform-badge[data-state="pending"]{background:var(--jk-color-black-10)!important}.jk-platform-badge[data-state="pending"] p{color:var(--jk-color-black-70)!important}
.jk-notification{position:absolute;left:135.538px;top:175px;width:208.923px;height:78.108px;display:flex;align-items:center;justify-content:center;opacity:0;transform-origin:50% 50%}
.jk-notification-angle{transform:rotate(-6.32deg)}.jk-notification-button{position:relative;display:flex;align-items:center;justify-content:center;padding:16px 12px;background:var(--jk-color-black-10);border-radius:999px;transform-origin:center}
.jk-notification-text{display:flex;align-items:center;height:24px;padding:0 8px;font:500 20px/28px var(--jk-font-family-primary);white-space:nowrap}.jk-notification-icon{display:flex;padding:4px}.jk-bell{transform-origin:50% 12%}
.jk-list-window{position:absolute;left:24px;top:0;width:432px;height:416px;overflow:hidden}.jk-list-track{position:absolute;left:0;top:24px;width:432px}.jk-response-card{border-width:0!important;box-shadow:none;transform-origin:center 72px}
.jk-list-fade,.jk-form-fade{position:absolute;left:0;bottom:0;width:480px;height:64px;background:linear-gradient(to bottom,transparent,var(--jk-color-blue-10));pointer-events:none}
.jk-shared-card{position:absolute;left:24px;top:0;width:432px;height:381px;opacity:0;transform:translateY(784px);transform-origin:240px 94px;pointer-events:none}
.jk-card-surface{position:absolute;inset:0;pointer-events:none}.jk-surface-top,.jk-surface-middle,.jk-surface-bottom{position:absolute;left:0;width:432px;background:var(--jk-color-white);border:2px solid var(--jk-color-black-20)}
.jk-surface-top{top:0;height:48px;border-bottom:0;border-radius:24px 24px 0 0}.jk-surface-middle{top:24px;height:1px;border-top:0;border-bottom:0;transform:scaleY(96);transform-origin:0 0}.jk-surface-bottom{top:0;height:48px;border-top:0;border-radius:0 0 24px 24px;transform:translateY(96px)}
.jk-surface-green{opacity:0}.jk-surface-green>div{border-color:var(--jk-color-green-base)}
.jk-profile{z-index:1}.jk-evaluation{opacity:0;clip-path:inset(0 0 192px 0 round 12px);z-index:1}.jk-evaluation-chevron{transform:rotate(-90deg);transform-origin:center}.jk-criteria{opacity:0}
.jk-person-actions{transform:translateY(92px);z-index:2}.jk-invite-action,.jk-publish-action{transform-origin:center;overflow:visible}
.jk-best-stamp{opacity:0;transform-origin:50% 50%;z-index:3}
.jk-conversation{opacity:0;border:1px solid var(--jk-color-black-20);border-radius:12px;overflow:hidden;background:#EDFCFF;clip-path:inset(0 0 49px 0 round 12px);transform:translateX(480px);z-index:1}
.jk-chat-messages{position:absolute;left:-1px;top:-1px;width:400px;height:180px;background:#E8F4F6;overflow:hidden}.jk-pattern{position:absolute;inset:0;background-image:url('./assets/wallpaper-imgGroup.svg');background-size:375px 812px;background-repeat:repeat-x}
.jk-message-guest{position:absolute;left:12px;top:14px;width:425px;height:80px}.jk-message-me{position:absolute;left:77px;top:102px;width:439px;height:56px;opacity:0}.jk-chat-input{position:absolute;left:0;top:0;width:400px;height:52px;transform:translateY(124px)}
.jk-press-ring{position:absolute;left:50%;top:50%;width:36px;height:36px;transform:translate(-50%,-50%);border:2px solid var(--jk-color-white);border-radius:50%;opacity:0;pointer-events:none}
.jk-notification-press{border-color:var(--jk-color-blue-40)}.jk-evaluation-press{left:84px;top:16px;border-color:var(--jk-color-blue-40)}
.jk-finish{position:absolute;inset:0;opacity:0;pointer-events:none}.jk-confirmation{position:absolute;inset:0;width:480px;height:416px}
.jk-ripple-large,.jk-ripple-small,.jk-success-core{transform-box:view-box;transform-origin:240px 208px}.jk-ripple-large,.jk-ripple-small{opacity:0}.jk-brand{opacity:0;transform-box:fill-box;transform-origin:center}.jk-check{transform-box:view-box;transform-origin:240px 208px}.jk-check path{stroke-dasharray:1;stroke-dashoffset:1}
.jk-loop-bridge{position:absolute;left:200px;top:168px;width:80px;height:80px;border-radius:40px;background:var(--jk-color-blue-40);opacity:0;transform-origin:center}
/* Reduced motion keeps the full result visible, including the original stamp. */
.jk-film[data-reduced="true"] .jk-scene,.jk-film[data-reduced="true"] .jk-finish{opacity:0!important}
.jk-film[data-reduced="true"] .jk-shared-card{opacity:1!important;transform:translateY(114px)!important}
.jk-film[data-reduced="true"] .jk-surface-middle{transform:scaleY(140)!important}.jk-film[data-reduced="true"] .jk-surface-bottom{transform:translateY(140px)!important}
.jk-film[data-reduced="true"] .jk-surface-green,.jk-film[data-reduced="true"] .jk-evaluation,.jk-film[data-reduced="true"] .jk-best-stamp{opacity:1!important}
.jk-film[data-reduced="true"] .jk-evaluation{clip-path:inset(0 0 192px 0 round 12px)!important;transform:none!important}.jk-film[data-reduced="true"] .jk-conversation,.jk-film[data-reduced="true"] .jk-criteria{opacity:0!important}.jk-film[data-reduced="true"] .jk-person-actions{transform:translateY(136px)!important}.jk-film[data-reduced="true"] .jk-best-stamp{transform:none!important}
@media(prefers-reduced-motion:reduce){.jk-platform-badge{transition:none}}
/* Preserve 12px corners and 1/2px strokes throughout the field morph. */
.jk-input-surface{background:none;box-shadow:none;transform:translate(56px,160px);transform-origin:0 0}
.jk-input-neutral,.jk-input-focus{position:absolute;inset:0;box-shadow:none;background:none}
.jk-input-left,.jk-input-middle,.jk-input-right{position:absolute;top:0;height:48px;background:var(--jk-color-white);border:1px solid var(--jk-color-black-40)}
.jk-input-left{left:0;width:24px;border-right:0;border-radius:12px 0 0 12px}.jk-input-middle{left:12px;width:1px;border-left:0;border-right:0;transform:scaleX(296);transform-origin:0 0}.jk-input-right{left:0;width:24px;border-left:0;border-radius:0 12px 12px 0;transform:translateX(296px)}
.jk-input-focus>div{border-color:var(--jk-color-blue-40);border-width:2px}.jk-input-focus .jk-input-left{border-right:0}.jk-input-focus .jk-input-middle{border-left:0;border-right:0}.jk-input-focus .jk-input-right{border-left:0}
.jk-shared-card>[data-name="image 72"]{z-index:2}
.jk-card-body-viewport{position:absolute;left:16px;top:92px;width:400px;height:225px;overflow:hidden;z-index:1}
.jk-conversation-bottom{position:absolute;left:-1px;top:-1px;width:400px;height:24px;border:1px solid var(--jk-color-black-20);border-top:0;border-radius:0 0 12px 12px;transform:translateY(152px);z-index:3;pointer-events:none}
.jk-create{z-index:4}.jk-finish{z-index:3}
/* vizavi-motion: stable type, one deliberate action per beat. */
.jk-title-text{display:inline-block;vertical-align:top;white-space:pre}
.jk-caret{position:absolute;left:0;top:0;margin:0;will-change:transform}
.jk-platform-badge{transition:none}
:is(.jk-notification-button,.jk-publish-action,.jk-invite-action)::after{content:"";position:absolute;inset:calc(-1 * var(--jk-action-spread,2px));border:2px solid var(--jk-color-blue-40);border-radius:inherit;opacity:var(--jk-action-pulse,0);pointer-events:none}
.jk-loop-bridge{border:2px solid var(--jk-color-blue-40);z-index:0;transform:none}
.jk-confirmation{z-index:1}
.jk-vacancy-form,.jk-list-track,.jk-shared-card,.jk-evaluation,.jk-conversation{will-change:transform}
.jk-film[data-reduced="true"] .jk-card-body-viewport{height:32px!important}
.jk-notification{z-index:5}
.jk-film[data-reduced="true"] .jk-notification{display:none!important}
/* Figma 42097:263992: processing state inside the same editor surface. */
.jk-description-surface{gap:15px!important}
.jk-ai-banner{justify-content:space-between;gap:8px!important}
.jk-ai-banner-content{display:flex;align-items:center;gap:8px}
.jk-generation-spinner{flex:none;width:16px;height:16px;transform-origin:center}
.jk-generation-skeleton{position:absolute;left:4px;right:4px;top:0;display:flex;flex-direction:column;gap:24px;opacity:0}
.jk-skeleton-group{display:flex;flex-direction:column;gap:15px;width:100%}
.jk-skeleton-line{height:14px;max-width:100%;flex:none;border-radius:99px;background-color:var(--jk-color-black-20);background-image:linear-gradient(100deg,transparent 32%,rgba(255,255,255,.75) 50%,transparent 68%);background-size:220% 100%;background-position:var(--jk-shimmer,-120%) 0}
.jk-skeleton-heading{background-color:var(--jk-color-black-40)}
.jk-platform-badge>:last-child{flex-shrink:0;overflow:hidden}
.jk-list-fade-top{position:absolute;left:0;top:31px;width:480px;height:64px;background:linear-gradient(to bottom,var(--jk-color-blue-10),transparent);pointer-events:none;opacity:0}
.jk-check path{stroke-dashoffset:-1}
.jk-film[data-reduced="true"] .jk-card-body-viewport{transform:none!important}
.jk-description-surface{padding:12px!important}
.jk-film[data-reduced="true"] .jk-press-ring{display:none!important}
.jk-film[data-reduced="true"] .jk-evaluation-trigger{transform:none!important;box-shadow:none!important}
.jk-film[data-reduced="true"] .jk-invite-action{transform:none!important;background:var(--jk-color-blue-40)!important}
.jk-film[data-reduced="true"] .jk-invite-action p{color:var(--jk-color-white)!important}
/* v5: native input placeholder and a stable counter label. */
.jk-title-placeholder{position:absolute;left:0;top:0;color:var(--jk-input-placeholder-text);font-weight:400;white-space:nowrap}
.jk-response-counter{display:flex;align-items:baseline;gap:4px}
.jk-response-count{display:inline-block;width:3ch;flex:none;text-align:right;font-variant-numeric:tabular-nums}
.jk-evaluation-trigger{box-shadow:none;outline:none}

/* Clear the stationary form edge as its bottom approaches the viewport. */
.jk-form-fade{opacity:0}

.jk-form-fade-top{position:absolute;left:0;top:0;width:480px;height:64px;background:linear-gradient(to bottom,var(--jk-color-blue-10),transparent);pointer-events:none;opacity:0}

/* Figma 42100:264145: fixed composition, 24px insets, Blue 10 canvas. */
.jk-publication-counter{left:24px;top:18px}
.jk-ai-banner{min-height:40px}
.jk-ai-banner-content{flex:1;min-width:0}
.jk-ai-copy{flex:1;min-width:0}
.jk-ai-label{white-space:nowrap!important;font-size:14px!important;line-height:20px!important}
.jk-notification{left:24px;top:344px;width:432px;height:48px;transform-origin:center}
.jk-notification-button{width:100%;height:48px;padding:12px;border-radius:12px;background:var(--jk-color-blue-40);color:var(--jk-color-white)}
.jk-notification-text{padding:0;font-size:16px;line-height:24px}

.jk-notification-press{border-color:var(--jk-color-white)}
.jk-list-fade-top{top:0}
.jk-message-guest{width:333px}
.jk-guest-text{width:269px}
.jk-message-me{left:81px;width:307px;height:64px}
.jk-outgoing-bubble{width:267px!important;height:64px!important;padding:8px 12px!important}
.jk-outgoing-text{width:243px!important}
.jk-conversation{height:232px!important}

.jk-guest-bubble{width:calc(100% - 40px);height:80px}
.jk-guest-text{position:absolute!important;left:12px;top:8px}
.jk-guest-text{width:269px!important}

/* Wait for local fonts and assets before exposing the first animated frame. */
.jk-film:not([data-ready="true"]) .jk-stage{visibility:hidden}
/* The AI label keeps Figma's intrinsic width and starts 8px after the icon. */
.jk-ai-banner-content,.jk-ai-copy{flex:0 0 auto;min-width:0}
.jk-ai-copy{justify-content:flex-start}

/* v10: stable count, mirrored fades, and clean card surfaces. */
.jk-notification-text{gap:4px}
.jk-notification-count{display:inline-block;width:3ch;text-align:right;font-variant-numeric:tabular-nums}
.jk-surface-neutral>div{border-color:transparent}
.jk-conversation,.jk-conversation-bottom{border-color:transparent}

.jk-film[data-reduced="true"] :is(.jk-notification-button,.jk-publish-action,.jk-invite-action)::after{display:none!important}