.jn-motif{background:var(--ovaflow-surface);border:1px solid var(--ovaflow-line);border-radius:28px;gap:22px;padding:clamp(22px,3.4vw,44px);display:grid;position:relative;box-shadow:0 40px 80px -64px #16171973}.jn-motif__source{font:500 12px/1.5 var(--font-mono);letter-spacing:.02em;color:var(--ovaflow-muted);margin:0}.jn-mo-steps{gap:26px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:900px){.jn-mo-steps{grid-template-columns:repeat(var(--n,4), minmax(0, 1fr));gap:24px}}.jn-mo-step{align-content:start;gap:8px;padding-left:34px;display:grid;position:relative}@media (min-width:900px){.jn-mo-step{padding-top:40px;padding-left:0}}.jn-mo-step__rail{width:18px;position:absolute;top:2px;bottom:-26px;left:0}@media (min-width:900px){.jn-mo-step__rail{width:auto;height:18px;inset:0 -24px auto 0}}.jn-mo-step__dot{background:var(--accent);width:18px;height:18px;box-shadow:0 0 0 5px var(--ovaflow-surface);transition:transform var(--d-panel) var(--ease-enter), background-color var(--d-ui) var(--ease-hover);border-radius:50%;position:absolute;top:0;left:0}.jn-mo-step__line{background:var(--accent);transform-origin:top;width:3px;transition:transform .6s var(--ease-enter) .12s;border-radius:3px;position:absolute;top:22px;bottom:4px;left:8px}@media (min-width:900px){.jn-mo-step__line{transform-origin:0;width:auto;height:3px;inset:8px 6px auto 26px}}.jn-mo-step__k{font:500 12px/1.4 var(--font-mono);letter-spacing:.06em;color:var(--ovaflow-muted);align-items:baseline;gap:10px;display:flex}.jn-mo-step__time{font-variant-numeric:tabular-nums;color:var(--accent);font-size:15px;font-weight:600}.jn-mo-step__label{font:650 clamp(19px, .8vw + 14px, 23px) / 1.2 var(--font-display);letter-spacing:-.02em;color:var(--ovaflow-ink)}.jn-mo-step__detail{color:var(--ovaflow-secondary);font-size:15px;line-height:1.55}.jn-mo-step__k,.jn-mo-step__label,.jn-mo-step__detail{transition:opacity .52s var(--ease-enter), transform .62s var(--ease-enter)}.jn-mo-fan{gap:20px;display:grid}@media (min-width:960px){.jn-mo-fan{grid-template-columns:minmax(220px,300px) minmax(0,1fr);grid-template-areas:"hub owners""gate owners";align-items:start;column-gap:0}.jn-mo-fan__hub{grid-area:hub}.jn-mo-fan__owners{grid-area:owners}.jn-mo-gate{grid-area:gate;align-self:start}}.jn-mo-fan__hub{background:var(--ink-bg);color:var(--on-ink);transition:opacity .52s var(--ease-enter), transform .62s var(--ease-enter);border-radius:20px;gap:6px;padding:20px 22px;display:grid}.jn-mo-fan__k{font:500 12px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-bright)}.jn-mo-fan__title{font:650 20px/1.25 var(--font-display);letter-spacing:-.02em}.jn-mo-fan__detail{color:#f4f5f6c7;font-size:14px;line-height:1.5}.jn-mo-fan__owners{gap:10px;margin:0;padding:0;list-style:none;display:grid}.jn-mo-owner{grid-template-columns:minmax(0,1fr);align-items:center;display:grid}@media (min-width:960px){.jn-mo-owner{grid-template-columns:clamp(60px,9vw,130px) minmax(0,1fr)}}.jn-mo-tether{width:100%;height:24px;display:none;overflow:visible}@media (min-width:960px){.jn-mo-tether{display:block}}.jn-mo-tether path{fill:none;stroke-width:2.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.jn-mo-tether__slack{stroke:var(--amber);stroke-dasharray:.02 .035}.jn-mo-tether__taut{stroke:var(--accent);transform-box:fill-box;transform-origin:0}.jn-mo-tether[data-state=accepted] .jn-mo-tether__slack,.jn-mo-tether[data-state=pending] .jn-mo-tether__taut{opacity:0}.jn-mo-tether[data-state=accepted][data-on] .jn-mo-tether__slack{animation:jn-mo-slack-out .7s var(--ease-snap,ease) both}.jn-mo-tether[data-state=accepted][data-on] .jn-mo-tether__taut{animation:jn-mo-taut-in .42s var(--ease-snap,ease) .34s both}.jn-mo-tether[data-state=pending][data-on] .jn-mo-tether__slack{animation:jn-mo-fade-in .5s var(--ease-enter) both}@keyframes jn-mo-slack-out{0%,45%{opacity:1}to{opacity:0}}@keyframes jn-mo-taut-in{0%{transform:scaleX(0)}to{transform:none}}@keyframes jn-mo-fade-in{0%{opacity:0}to{opacity:1}}.jn-mo-owner__card{border:1px solid var(--ovaflow-line);background:var(--ovaflow-canvas);transition:opacity .52s var(--ease-enter), transform .62s var(--ease-enter), border-color var(--d-ui) var(--ease-hover);border-radius:16px;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:14px 18px;display:grid}.jn-mo-owner[data-state=accepted] .jn-mo-owner__card{border-color:color-mix(in srgb, var(--accent) 35%, var(--ovaflow-line))}.jn-mo-owner[data-state=pending] .jn-mo-owner__card{border-style:dashed;border-color:color-mix(in srgb, var(--amber) 70%, var(--ovaflow-line));background:color-mix(in srgb, var(--amber-soft) 55%, var(--ovaflow-surface))}.jn-mo-owner__role{font:650 16px/1.3 var(--font-display);color:var(--ovaflow-ink)}.jn-mo-owner__who{font:500 12px/1.6 var(--font-mono);color:var(--ovaflow-secondary);text-align:right;grid-area:1/2}.jn-mo-owner__status{color:var(--ovaflow-secondary);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:4px 10px;font-size:14px;line-height:1.45;display:flex}.jn-mo-owner__chip{font:600 12px/1.5 var(--font-mono);background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;padding:2px 9px}.jn-mo-owner[data-state=pending] .jn-mo-owner__chip{background:var(--amber-soft);color:var(--amber-ink)}.jn-mo-gate{background:var(--amber-soft);color:var(--amber-ink);transition:opacity .52s var(--ease-enter), transform .62s var(--ease-enter);border-radius:16px;align-items:flex-start;gap:10px;margin:0;padding:14px 18px;font-size:15px;font-weight:600;line-height:1.45;display:flex}@media (min-width:960px){.jn-mo-gate{margin-top:12px;margin-right:16px}}.jn-mo-gate__dot{background:var(--amber);border-radius:50%;flex:none;width:10px;height:10px;margin-top:6px}.jn-mo-lin{align-items:center;gap:16px;display:grid}@media (min-width:900px){.jn-mo-lin{grid-template-columns:minmax(160px,220px) minmax(80px,1fr) minmax(0,1.6fr);grid-template-areas:"root svg lanes""rule rule rule";gap:18px 0}.jn-mo-lin__root{grid-area:root}.jn-mo-lin__svg{grid-area:svg}.jn-mo-lin__lanes{grid-area:lanes}.jn-mo-lin__rule{grid-area:rule}}.jn-mo-lin__root{background:var(--ink-bg);color:var(--on-ink);transition:opacity .52s var(--ease-enter);border-radius:20px;gap:4px;padding:18px 20px;display:grid}.jn-mo-lin__k{font:500 12px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-bright)}.jn-mo-lin__title{font:650 20px/1.25 var(--font-display)}.jn-mo-lin__svg{width:100%;height:100%;min-height:180px;display:none;overflow:visible}@media (min-width:900px){.jn-mo-lin__svg{display:block}}.jn-mo-lin__path{fill:none;stroke:var(--accent);stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:0;transition:stroke-dashoffset .9s var(--ease-enter)}.jn-mo-lin__path--b{stroke:var(--ovaflow-info)}.jn-mo-lin__lanes{gap:18px;margin:0;padding:0;list-style:none;display:grid}.jn-mo-lin__lane{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--ovaflow-line));background:var(--ovaflow-canvas);transition:opacity .52s var(--ease-enter), transform .62s var(--ease-enter);border-radius:16px;gap:4px;padding:16px 18px;display:grid}.jn-mo-lin__lane+.jn-mo-lin__lane{border-color:color-mix(in srgb, var(--ovaflow-info) 40%, var(--ovaflow-line))}.jn-mo-lin__lk{font:500 12px/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink)}.jn-mo-lin__lane+.jn-mo-lin__lane .jn-mo-lin__lk{color:var(--ovaflow-info)}.jn-mo-lin__lt{font:650 17px/1.3 var(--font-display);color:var(--ovaflow-ink)}.jn-mo-lin__ld{color:var(--ovaflow-secondary);font-size:14px;line-height:1.5}.jn-mo-lin__rule{background:var(--accent-soft);color:var(--accent-ink);font:600 13px/1.3 var(--font-mono);transition:opacity .52s var(--ease-enter), transform .52s var(--ease-enter);border-radius:999px;justify-self:start;margin:0;padding:8px 14px}.jn-mo-att{--jn-row:76px;gap:12px;display:grid}.jn-mo-att__row{background:var(--ovaflow-canvas);border:1px solid var(--ovaflow-line);border-radius:18px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 16px;min-height:64px;padding:12px 16px;display:grid;position:relative}@media (min-width:768px){.jn-mo-att__row{grid-template-rows:auto;grid-template-columns:110px minmax(120px,200px) minmax(40px,1fr) 210px}}.jn-mo-att__k{font:600 12px/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink)}.jn-mo-att__title{font:650 16px/1.3 var(--font-display);color:var(--ovaflow-ink)}.jn-mo-att__track{background:var(--ovaflow-line);border-radius:3px;height:3px;display:none}@media (min-width:768px){.jn-mo-att__track{display:block}}.jn-mo-att__slot{grid-area:1/2/span 2;min-width:0;display:grid;position:relative}@media (min-width:768px){.jn-mo-att__slot{grid-area:auto}}.jn-mo-att__chip,.jn-mo-att__ghost{font:600 13px/1.3 var(--font-mono);white-space:nowrap;background:var(--accent);color:#fff;border-radius:999px;grid-area:1/1;justify-self:end;padding:8px 14px}.jn-mo-att__chip{transition:opacity .42s var(--ease-enter), transform .52s var(--ease-enter)}.jn-mo-att__ghost{opacity:0;background:var(--ovaflow-surface);color:var(--accent-ink);border:1.5px dashed var(--accent);pointer-events:none}.jn-mo-att__ghost[data-on]{animation:jn-mo-ghost 1.5s var(--ease-enter) both}@keyframes jn-mo-ghost{0%{opacity:0;transform:translate3d(0, calc(-1 * var(--jn-row)), 0)}12%{opacity:1;transform:translate3d(0, calc(-1 * var(--jn-row)), 0)}50%{opacity:1;transform:translateY(-8px)}72%{opacity:.7;transform:translateY(-20px)}to{opacity:0;transform:translate3d(0, calc(-1 * var(--jn-row)), 0)}}.jn-mo-att__refused{background:var(--amber-soft);color:var(--amber-ink);font:600 13px/1.3 var(--font-mono);transition:opacity .42s var(--ease-enter), transform .52s var(--ease-enter);border-radius:999px;justify-self:end;align-items:center;gap:10px;margin:0;padding:8px 14px;display:inline-flex}.jn-mo-att__stop{background:var(--amber);border-radius:2px;width:10px;height:10px}.jn-mo-quiet{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:900px){.jn-mo-quiet{grid-template-columns:repeat(4,minmax(0,1fr))}}.jn-mo-quiet__item{border:1px solid var(--ovaflow-line);background:var(--ovaflow-canvas);min-height:132px;transition:background-color .6s var(--ease-hover), border-color .6s var(--ease-hover), box-shadow .6s var(--ease-hover);border-radius:18px;align-content:start;gap:6px;padding:18px;display:grid;position:relative}.jn-mo-quiet__item[data-stays]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent)}.jn-mo-quiet__icon{border:2px solid var(--ovaflow-muted);border-radius:50%;width:26px;height:26px;position:relative}.jn-mo-quiet__icon:after{content:"";background:var(--ovaflow-muted);width:32px;height:2px;transition:transform .5s var(--ease-enter);border-radius:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-40deg)}.jn-mo-quiet__item[data-stays] .jn-mo-quiet__icon{border-color:var(--accent);background:var(--accent)}.jn-mo-quiet__item[data-stays] .jn-mo-quiet__icon:after{display:none}.jn-mo-quiet__label{font:650 17px/1.3 var(--font-display);color:var(--ovaflow-ink)}.jn-mo-quiet__detail{color:var(--ovaflow-secondary);transition:opacity .5s var(--ease-enter);font-size:14px;line-height:1.45}.jn-mo-quiet__item[data-stays] .jn-mo-quiet__detail{color:var(--accent-ink);font-weight:600}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]){--jn-pending:var(--ovaflow-muted);--jn-pending-on-ink:#9a9ea6}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-step:not([data-on]) .jn-mo-step__dot{background:var(--ovaflow-surface);box-shadow:inset 0 0 0 2px var(--ovaflow-line), 0 0 0 5px var(--ovaflow-surface);transform:scale(.72)}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-step:not([data-on]) .jn-mo-step__line{transform:scaleY(0)}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-step:not([data-on]) :is(.jn-mo-step__k,.jn-mo-step__label,.jn-mo-step__detail){transform:translateY(6px)}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-step:not([data-on]) :is(.jn-mo-step__k,.jn-mo-step__k *,.jn-mo-step__label,.jn-mo-step__detail){color:var(--jn-pending)}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-step:not([data-on]) .jn-mo-step__label{font-weight:500}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-fan__hub:not([data-on]){background:var(--ink-surface);transform:translate(-12px)}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-fan__hub:not([data-on]) :is(.jn-mo-fan__k,.jn-mo-fan__title,.jn-mo-fan__detail){color:var(--jn-pending-on-ink)}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-owner:not([data-on]) .jn-mo-owner__card{border-style:dashed;border-color:var(--ovaflow-line);background:var(--ovaflow-surface);transform:translate(14px)}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-owner:not([data-on]) .jn-mo-owner__card :is(.jn-mo-owner__role,.jn-mo-owner__who,.jn-mo-owner__status){color:var(--jn-pending)}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-owner:not([data-on]) .jn-mo-owner__role{font-weight:500}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-owner:not([data-on]) .jn-mo-owner__chip{color:var(--jn-pending);box-shadow:inset 0 0 0 1px var(--ovaflow-line);background:0 0}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-tether:not([data-on]) path{opacity:.18}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-gate:not([data-on]){background:var(--ovaflow-surface);color:var(--jn-pending);box-shadow:inset 0 0 0 1px var(--ovaflow-line);font-weight:500;transform:translateY(8px)}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-gate:not([data-on]) .jn-mo-gate__dot{box-shadow:inset 0 0 0 2px var(--ovaflow-line);background:0 0}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-lin__root:not([data-on]){background:var(--ink-surface)}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-lin__root:not([data-on]) :is(.jn-mo-lin__k,.jn-mo-lin__title){color:var(--jn-pending-on-ink)}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-lin__path:not([data-on]){stroke-dashoffset:1px}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-lin__lane:not([data-on]),:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-lin__rule:not([data-on]){transform:translate(10px)}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-lin__lane:not([data-on]){border-style:dashed}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-lin__lane:not([data-on]) :is(.jn-mo-lin__lk,.jn-mo-lin__lt,.jn-mo-lin__ld){color:var(--jn-pending)}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-lin__lane:not([data-on]) .jn-mo-lin__lt{font-weight:500}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-lin__rule:not([data-on]){color:var(--jn-pending);box-shadow:inset 0 0 0 1px var(--ovaflow-line);background:0 0}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-att__chip:not([data-on]){background:var(--ovaflow-surface);color:var(--jn-pending);box-shadow:inset 0 0 0 1.5px var(--ovaflow-line);transform:scale(.94)}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-att__refused:not([data-on]){background:var(--ovaflow-surface);color:var(--jn-pending);box-shadow:inset 0 0 0 1px var(--ovaflow-line);transform:translateY(6px)}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-quiet__item:not([data-on]){background:var(--ovaflow-surface);border-color:color-mix(in srgb, var(--accent) 45%, var(--ovaflow-line))}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-quiet__item:not([data-on]) .jn-mo-quiet__icon{border-color:var(--accent)}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-quiet__item:not([data-on]) .jn-mo-quiet__icon:after{transform:translate(-50%,-50%)rotate(-40deg)scaleX(0)}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-quiet__item:not([data-on]) .jn-mo-quiet__detail{color:var(--jn-pending)}:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-quiet__item[data-stays]:not([data-on]){box-shadow:none}@media (min-width:900px){:is(html[data-motion-tier=A],html[data-motion-tier=B]) .jn-motif:not([data-done]) .jn-mo-step:not([data-on]) .jn-mo-step__line{transform:scaleX(0)}}.jn-motif__progress{display:none}.jn-motif[data-scrub] .jn-motif__progress{background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:0 0 3px 3px;height:3px;display:block;position:absolute;inset:0 28px auto;overflow:hidden}.jn-motif__progress-bar{background:var(--accent);transform-origin:0;height:100%;transform:scaleX(var(--jn-p,0));display:block}.jn-motif[data-scrub] .jn-mo-step[data-cur] .jn-mo-step__label,.jn-motif[data-scrub] .jn-mo-owner[data-cur] .jn-mo-owner__role{color:var(--accent-ink)}.jn-motif[data-scrub] .jn-mo-owner[data-cur] .jn-mo-owner__card{border-color:color-mix(in srgb, var(--accent) 55%, var(--ovaflow-line));box-shadow:0 24px 48px -32px color-mix(in srgb, var(--accent) 60%, transparent)}.jn-motif[data-scrub] .jn-mo-step[data-cur] .jn-mo-step__dot{box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 22%, transparent)}.jn-motif[data-scrub] .jn-mo-quiet__item[data-cur]{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 40%, transparent)}
